Question

如果未键入学位，如何禁用“通过年份”字段。我想知道我们可以在不使用.ts文件的情况下用html实现它吗。

  <div>  Degree:                    
  <input type="text" class="form-control" formControlName="degree" #degree/></div>

<div>
Passed Out Year
  <input type="text" class="form-control" formControlName="passedYear"/></div>

Answer 1

如果需要任何值，请添加此[disabled]="!formName.controls['degree'].valid"，如果要正确输入过去的年份，请添加此<div (click)="getEvent($event)"></div>。

但是，如果您需要实施更复杂的检查，则可能需要添加自定义验证器。

Answer 2

尚不清楚您打算如何使用它，但是如果您做简单的事情，则可能不需要使用Angular Forms。在这种情况下，只需使用ngModel这样就可以满足您的需求

<div> Degree:
    <input type="text" class="form-control" [(ngModel)]="degree" />
</div>

<div>
    Passed Out Year
    <input type="text" class="form-control" [disabled]="!degree" />
</div>

如何基于另一个输入字段使输入字段禁用

2 个答案: