访问ng-repeat中的当前项目

时间:2013-05-31 13:58:56

标签: angularjs

我有类似的东西 -

 <li ng-repeat="item in items">
        {{item.name}}
 </li>

item对象有一个名为index的属性。如何将其分配给tabIndex,以便我的输出看起来像 -

<li tabIndex="100">Mike</li>
<li tabIndex="101">Smith</li>

我试过了,但无法访问当前项目 -

<li ng-repeat="item in items" tabIndex="item.index">
            {{item.name}}
     </li>

4 个答案:

答案 0 :(得分:5)

<li ng-repeat="item in items" tabIndex="{{item.index}}">
    {{item.name}}
</li>

注意:如果tabIndex恰好是您的应用中具有隔离范围的指令,并且您使用@attr来获取值,则插值(大括号)需要。另一种方法是将它们排除在外,并在指令中定义变量,例如=attr

答案 1 :(得分:4)

如果你的意思是ng-repeat的索引,tabIndex={{$index}} 如果您有一个名为index的属性,请按标准方式执行:tabindex={{item.index}}

出现在http://docs.angularjs.org/api/ng.directive:ngRepeat

demo http://jsfiddle.net/shNfD/

<li ng-repeat="item in items" myattr={{$index}}>
    {{item.name}} {{$index}}
</li>

答案 2 :(得分:0)

将其更改为{{item.index}}

请参阅此plnkr http://plnkr.co/edit/z8uvzOSE5mjw6q2FQKfm

答案 3 :(得分:0)

在ng-click中使用当前的内容怎么样?它不支持函数参数:\

我的意思是 <tr ng-repeat="..." ng-click="goToPage({{item.url}})"></tr>