在angularjs中一次选择一个项目

select one item in one time in angularjs

本文关键字：项目 一个 选择 angularjs 一次      更新时间：2024-01-11

我试图在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>

问候Nauman

ng-repeat从当前作用域创建新作用域，因此如果在内部使用selected，则重复将导致为内部ng-repeat创建新的作用域变量。

如果要从ng-repeat引用父作用域，请使用将引用ng-repeat的外部作用域变量的$parent.selected。

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>

工作Fiddle

欲了解更多信息，请点击链接

相关文章：