javascript - 在angularjs中一次选择一个项目

Question

我试图在 angularJS 中一次选择一项。这是我的代码

<div ng-repeat="list in listgroups" >
    <ul ng-init="selected = -1">
        <li ng-repeat="item in list" ng-class="{active:(selected == $index)}" ng-click="selected = $index;">{{item}} </li>
    </ul>
</div>

问候瑙曼

Answer 1

ng-repeat从当前范围创建新范围，所以如果您使用 selected在内部 ng-repeat 内部将导致为内部 ng-repeat 创建新的范围变量.

如果你想引用 ng-repeat 的父作用域然后使用 $parent.selected这将引用 ng-repeat 的外部范围变量.

HTML

<div ng-repeat="list in listgroups" ng-init="selected = -1">
    <b>List {{$index + 1}}</b>
    <ul>
        <li ng-repeat="item in list" ng-class="{active:($parent.selected == $index)}" 
          ng-click="$parent.selected = $index;">
           {{item}}
        </li>
    </ul>
</div>

Working Fiddle

更多信息here is link