码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS 进阶(二) 解决form验证时ng-repeat不能先解析name值问题

时间:2014-08-26 20:02:57      阅读:309      评论:0      收藏:0      [点我收藏+]

标签:des   os   io   for   ar   问题   div   cti   html   

1.自定义指令

.directive("dyName", [

        function() {
          return {
            require: "ngModel",
            link: function(scope, elm, iAttrs, ngModelCtr) {
              ngModelCtr.$name = scope.$eval(iAttrs.dyName)
              var formController = elm.controller(‘form‘) || {
                $addControl: angular.noop
              };
              formController.$addControl(ngModelCtr);

              scope.$on(‘$destroy‘, function() {
                formController.$removeControl(ngModelCtr);
              });

            }
          };
        }
      ])

2.引入指令

<div ng-repeat="item in demo.fields">
      <div class="control-group">
        <label class="control-label"> : </label>
        <div class="controls">
          <input type="number"  dy-name="item.field" ng-model="demo.data[item.field]" min="10" max="500" ng-required="true"/>
        </div>
      </div>
    </div>



AngularJS 进阶(二) 解决form验证时ng-repeat不能先解析name值问题

标签:des   os   io   for   ar   问题   div   cti   html   

原文地址:http://my.oschina.net/sourcecoding/blog/306856

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!