如何动态启用文本框？

Question

我有10个文本框，对应的是我有10个下拉框。 因此，我的要求是，当我在第一个文本框中填充文本并选择其相应的下拉列表时，则仅应激活第二个文本框及其相应的下拉列表，否则应将其全部停用。

如何使用2+角钢实现它？

任何帮助将不胜感激。

谢谢

Answer 1

在*.ts文件中执行以下操作：

value: string;

isValueEmpty(): boolean {
  if ('' !== this.value && this.value.length > 0) {
    return true;
  }

  return false;
}

在*.html文件中执行以下操作：

<input [(ngModel)]="value" />
<mat-select *ngIf="isValueEmpty()">
  ...
</mat-select>

您可能要迭代这些字段：

<div *ngFor="let value of values">
  ...
</div>

然后您需要相应地更改功能。

*.html-文件：

<input [(ngModel)]="value" />
<mat-select *ngIf="isValueEmpty(value)">
  ...
</mat-select>

*.ts-文件：

isValueEmpty(value: string): boolean {
  if ('' !== value && value.length > 0) {
    return true;
  }

  return false;
}