有什么办法可以禁用打字稿文件中的输入元素

Question

我想根据TS文件中的条件禁用HTML输入元素。有什么办法吗？

Answer 1

如上面的注释中所述，您可以将[disabled]属性添加到输入中，如下所示：

<input [disabled]="inputDisabled" [(ngModel)]="myInput">

在上面的示例中，inputDisabled将是组件上的布尔变量，也许像这样：

// app.component.ts

export class AppComponent {
  inputDisabled: boolean = false;
}

或者，如果通过输入传递布尔值：

// app.component.ts

export class AppComponent {
  @Input() inputDisabled: boolean;
}