AngularJS:如何在onclick中使用$ index

时间:2015-03-04 23:43:17

标签: angularjs indexing ng-repeat

所以,我正在使用$ index为ng-repeat中的每个单选按钮创建不同的id。我想在本地事件(而非ng-事件)中引用这些ID。

我在这个plunker

中做了一个例子

在这个例子中,我总是使用元素radio3,但我想为每个名称引用正确的id。

<ul ng-repeat="person in persons">
    <li onclick="$('#radio3').attr('checked', true);" ng-click="showIndex($index)">
        <input type="radio" name="radio" id="radio{{$index}}">{{person.name}}
    </li>
</ul>

有人可以帮我弄明白怎么做吗?

1 个答案:

答案 0 :(得分:2)

不要使用onclick,因为它很难表现得很好,而是你需要使用内置ng-click和{{1}来做 The Angular Way ™ }

ng-checked

<小时/> 注意:如果您不想编辑<ul ng-repeat="person in persons"> <li ng-click="person.checked = true; showIndex($index)" ng-checked="person.checked"> <input type="radio" name="radio" ng-attr-id="radio{{$index}}">{{person.name}} </li> </ul> 项,请使用一些散列图:personsng-click="selected[$index] = true"