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

时间:2017-03-20 17:12:55

标签: javascript angularjs

我的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属性,因为我没有对表单的引用?

1 个答案:

答案 0 :(得分:0)

您可以使用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>