首页 > 代码库 > angular 中父元素ng-repeat后子元素ng-click失效

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

2024-08-11 14:42:38   216人阅读

在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失效


联系
我们