angular 中父元素ng-repeat后子元素ng-click失效

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular 中父元素ng-repeat后子元素ng-click失效相关的知识,希望对你有一定的参考价值。

在angular中使用ng-repeat后ng-click失效,今天在这个上面踩坑了。特此记录一下。

因为ng-repeat创造了新的SCOPE。如果要使用这个scope的话就必须使用$parent来获取其对应的SCOPE的属性。

1
2
3
4
5
<tr class="odd thead  head"  >
                    <td>序号</td>
                    <td>客户名称</td>
                    <td>注册账号</td>
                    <td>当前版本</td><br>            <td ng-click="$parent.sort(‘money‘)">最近消费金</td> <br>            <td >最近消费时间</td> <td ng-click="sort(‘time‘)">到期时间</td> <br>            <td>购买月数</td> <td ng-clcik="sort(total)">累计消费金额</td> <br>            <td>累计消费次数</td> </tr><br><br> 在js中:
1
$scope.<span>$parent.sort=function(a)</span>{ <br>getSort(a) $scope.getModth=!$scope.getModth console.log($scope.getModth) <br>}

以上是关于angular 中父元素ng-repeat后子元素ng-click失效的主要内容,如果未能解决你的问题,请参考以下文章

Angular.js ng-repeat 跨多个元素

怎么在ng-repeat生成的元素上操作dom

如何从其他`ng-repeat`元素获取`data`到当前元素指令

检测指令中的 ng-repeat 元素长度变化

在 AngularJS 中为每个第 n 个元素自定义 ng-repeat

ng-model 绑定到 ng-repeat Angularjs 中的元素