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

【问题标题】：How to make a textbox readonly/editable in angular 2 based on some condition如何根据某些条件在角度 2 中使文本框只读/可编辑
【发布时间】：2018-06-13 03:10:08
【问题描述】：

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

【问题讨论】：

标签： angular2-template angular2-forms

【解决方案1】：

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

<input [readonly]="isReadOnly">

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

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

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

【讨论】：

【解决方案2】：

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

boolean varInYourComponent

【讨论】：

【解决方案3】：

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

[property]="flag"

【讨论】：