Angularjs 如何使用“编辑”按钮使角度窗体只读并可编辑？

有没有办法使整个角度表单只读，然后在单击编辑时可编辑？

您可以将

ng disabled=“someBoolean”

添加到表单元素中，并在单击按钮时将

someBoolean

设置为

true

---

您可以按照当前答案/注释中的建议单独禁用所有表单元素，也可以将所有表单元素包装在

标记中，然后一步启用/禁用所有内容：

<form>
  <fieldset ng-disabled="myBooleanValue">
    <input type="text">
  </fieldset>
</form>

---

我就是这样做的，我使用指针事件创建了一个css类，指针事件：无阻止单击、状态或光标选项，因此：

.formdisabled
{
  pointer-events: none;
  opacity: 0.8;
}

鉴于此，我在表单上使用ng类，如下所示：

<form ng-class="{'formdisabled': !disableForm}">
 <input type="text" ng-model="name">
</form>

在视图中添加按钮以播放禁用窗体：

<md-button ng-click="disableForm = !disableForm">Show/Hide Form</md-button>

显示/隐藏表单

---

如果需要，请更改不透明度值。

您可以禁用所有表单字段，直到单击@Sunil D上的按钮确定。对于初学者来说，这种方法很酷。我想在按下按钮时启用一个框。我有一个可以编辑的功能设置为false，字段disabled设置为true。看看这个，你做了什么改变？编辑按钮不能使输入可编辑。在使用字段集之前，我想使用一个字段。plnkr.co/edit/NT3c7XRS6Plh3nEYZWx8？p=预览编辑不起作用哇，太棒了…：-）我在ng9中使用模板驱动的表单，并将字段集设置为disabled，这似乎适用于输入、复选框，但不适用于mat select。还有其他人解决了这个细微差别吗？