select one item in one time in angularjs

Question

I am trying to select one item on one time in angularJS. Here is my code

<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>

Regards Nauman

simple words I have multiple
lists ( created by outer loop) I want to select only one item at a time form that particular list. — 9me, Feb 19 '15 at 10:06

score 2 · Accepted Answer · edited May 23 '17 at 12:01

ng-repeat creates new scope from current scope, so If you are using selected inside a inner ng-repeat will cause to create new scope variable for inner ng-repeat.

If you want to refer the parent scope from ng-repeat then use $parent.selected that will refer the outer scope variable of 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

For more information here is link

@9me Glad to help you..Thanks :) – Pankaj Parkar Sep 28 '15 at 17:54 — Pankaj Parkar, Sep 28 '15 at 17:54

select one item in one time in angularjs

1 Answers1