如何根据某些条件使角度2中的文本框只读/可编辑

Question

我有一个文本框，我想在一些条件和只有几个条件的可编辑字段中只读，所以该字段应根据条件在只读/可编辑之间切换，如何实现这一点？

Answer 1

您需要使用以下（Angular 4）：

<input [readonly]="isReadOnly">

如果使用attr.readonly，则输入将始终为只读，因为readonly属性即使其值为false也将存在。通过使用[readonly] Angular将仅在isReadOnly为true时放置属性。

之后，您可以根据需要分配值：

// when you want to be read-only
isReadOnly = true;
// whe you want to be editable
isReadOnly = false;

Answer 2

在模板上的输入字段中使用：[readonly]="varInYourComponent"。在您的组件声明中，您应该使用此变量：

boolean varInYourComponent

Answer 3

使用属性绑定来实现这一点

[property]="flag"