如何根据条件将文本框设置为只读/可编辑的角度2

Question

我有一个文本框，我想在某些情况下设置为只读，在少数情况下设置为可编辑字段，因此该字段应根据条件在只读/可编辑之间切换，如何实现？

Answer 1

您需要使用以下内容（角度4）：

<input [readonly]="isReadOnly">

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

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

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