有什么不同之间的NG-点击= 'selectRow（$指数）' 和NG-点击= 'selectedRow = $指数' NG-重复

myController的：

$scope.items = [ 
{name: 'item 1', description: 'desc001'}, 
{name: 'item 2', description: 'desc002'}, 
{name: 'item 3', description: 'desc003'},] 

$scope.selectRow = function (index) { 
    $scope.selectedRow = index; 
}

CSS：

.select { 
     background-color: lightgreen; 
    }

HTML 1：

<div ng-controller="myController"> 
<table> 
<tr ng-repeat="item in items" ng-click='selectRow($index)' ng-class="{select:$index == selectedRow}"> 
    <td>{{item.name}}</td> 
    <td>{{item.description}}</td> 
</tr> 
</table>

HTML 2：

<div ng-controller="myController"> 
<table> 
<tr ng-repeat="item in items" ng-click='selectedRow = $index' ng-class="{select:$index == selectedRow}"> 
    <td>{{item.name}}</td> 
    <td>{{item.description}}</td> 
</tr> 
</table>

为什么HTML-1的作品，但HTML-2无法正常工作？他们之间有什么不同？

来源

2014-01-10 Ji Xiang

NG-重复会为每个元素的新范围，当你在你的第二个例子做'selectedRow = $ index'，它的工作原理，但只有上线的电流范围，而不是在你需要它的父范围，更明确地，你可以做'$ parent.selectedRow = $ index'这将工作，但不是真正的优化看着它，最好的办法这里是你的第一个 – DotDotDot

你已经选择行控制器predfined？林不记得是这种情况下需要这种 – makallio85

DotDotDot是正确的！ – makallio85

ng-click='selectRow($index)'会调用一个名为selsectRow（）函数，并将它传递的行的索引。

ng-class="{select:$index == selectedRow}该表达式将基于布尔运算$index == selectedRow的结果更改此指令的类的名称。

来源

2014-03-07 10:07:36 user3392085

有什么不同之间的NG-点击= 'selectRow（$指数）' 和NG-点击= 'selectedRow = $指数' NG-重复

回答

相关问题