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

Question

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

Answer 1

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

<input [readonly]="isReadOnly">

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

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

// 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"