宜宾网站建设公司

ng-ifng-repeat下的ng-model赋值-创新互联

最近工作遇到了这么一个问题，嵌套了2层ng-repeat的页面结构，第二层select组件在赋值时控制器取不到对应的值：

成都创新互联公司是一家专注于网站设计、网站制作与策划设计,伊金霍洛网站建设哪家好?成都创新互联公司做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:伊金霍洛等地区。伊金霍洛做网站价格咨询:18982081108

页面片段：

li.list-group-item.space-list-item(ng-repeat="space in current.spaces")
    span
        | `space`.`name`
    h6
        span.label.label-info(ng-hide="showIndex===$index", ng-click="toggleShowSpaceQuota($index)") 配额设置
    form.new-space-quota-form(ng-if="showIndex===$index")
        select.form-control(name='quota_select', ng-model='$parent.$parent.selectedSpaceQuota', ng-required='', ng-init="$parent.$parent.selectedSpaceQuota='f'")
            option(value='f',selected) -- 选择配额 --
            option(ng-repeat="x in currentSpaceQuota", value='`x`.`metadata`.`guid`') `x`.`entity`.`name`
        button.btn.btn-sm.btn-success(ng-click="changeSpaceQuota(space)" ng-disabled="$parent.$parent.selectedSpaceQuota=='f'")
            i.glyphicon.glyphicon-ok
        button.btn.btn-sm.btn-danger(ng-click="hideSpaceQuota()")
            i.glyphicon.glyphicon-remove

js片段

        $scope.selectedSpaceQuota = {};

后来上网稍微查了一下：

ng-if 和ng-repeat都是动态的添加或删除DOM（基于这点，就不需要记住所有的能创建作用域的指令；还有directive, ng-controller），所以会创建新的作用域，和指令一样；

首先最外层有个ng-repeat，其次form组件上面有个ng-if，这两个指令都会创建新的作用域，所以ng-model在绑定$scope上的值的时候，需要往父作用域跳两层，才能绑定到控制器对应的变量上。

不过这样感觉很不优雅，如果页面结构改变了，对应的父作用域也会变，还需要修改代码程序才能正确执行。

不知道大家有没有其他好的方法？

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


分享标题：ng-ifng-repeat下的ng-model赋值-创新互联
文章网址：http://ybzwz.com/article/dhpsed.html

其他资讯