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失效的主要内容,如果未能解决你的问题,请参考以下文章
如何从其他`ng-repeat`元素获取`data`到当前元素指令