访问不包含元素的组件$dirty属性<form>

Question

我的 AngularJS 1.6 应用程序中有一个组件，它使用 ng-repeat 动态生成复选框，如下所示：

<div ng-repeat="subItem in item.ChildItemTypes">
    <md-checkbox class="md-primary" ng-model="subItem.checked">{{ subItem.Description }}</md-checkbox>
</div>

此组件不包含 <form> 元素，因为它设计为放置在窗体中。

由于我没有对窗体的引用，如何在组件的控制器中访问这些复选框的 $dirty 属性？

Answer 1

您可以使用 ng-form angular 指令对任何内容进行分组，即使在 html 表单之外也是如此。然后，您可以利用角度FormController的优势。例：

<div class="form-group" ng-form name="myForm">
  <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5">
  <span class="error" ng-show="myForm.myInput.$error.maxlength">Too long!</span>
</div>