Angular：表单字段只读模式

Question

我有一些表格只能由某些用户编辑。其他用户应该只能查看它。

目前，对于表单中的每个表单控件，我都要检查条件并显示表单控件或文本。像，

<div>
    <input type="text" *ngIf="editable">
    <p *ngIf="!editable">{{value}}</p>
</div>

这似乎不是一种优雅的方式。请建议一种更清晰的方法来实现这一目标，例如在顶层做一些事情。

Answer 1

由于您使用的是Angular，因此最好使用FormControls和FormGroups。请查看this指南。 使用FormControl API，您可以以编程方式enable和disable输入。

另一种方法是使用property binding并执行以下操作：

<div>
   <input type="text" [readonly]="!editable">
</div>

Answer 2

我认为你应该看一下ng-disabled指令。 这应该可以解决这个问题！