angular2-template - 如何根据某些条件在 Angular 2 中使文本框只读/可编辑

Question

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

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;