ng-selected not working with ng-repeat angularjs

Question

ng-selected not working with ng-repeat,in inspect element i can see ng-selected= true and there is selected attribute on option element.my code is as follows and output screenshot is also given below.

<div class="row">
     <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
         <label for="">{{diamond.category_id}}</label>
     </div>
     <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
         <select ng-model="diamond.category_id" class="form-control">
                 <option  ng-selected="{{diamond.category_id == category.id}}" 
                          value="{{category.id}}"
                          ng-repeat="category in categoryData"
                 >{{category.id}}</option>
          </select>
     </div>

Output Link : http://prntscr.com/bfcdwa

try use ng-options . <select ng-model="diamond.category_id" ng-options="category as category for category in categoryData"> </select> — Hadi
– Hadi, Commented Jun 12, 2016 at 7:16

Python Basketball · Accepted Answer · 2016-06-12 07:32:29Z

2

Your code should be like this:

<select class="form-control" ng-options="item.id for item in categoryData track by item" 
 ng-model="diamond.category_id">
</select>

answered Jun 12, 2016 at 7:32

Python Basketball

2,3803 gold badges27 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vishal Isharani Over a year ago

actually you give me vision

Vishal Isharani · Accepted Answer · 2016-06-12 07:34:40Z

2

I figured it out by using ng-options

<div class="row">
  <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
     <label for="">{{diamond.category_id}}</label>
  </div>
  <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
      <select ng-model="diamond.category_id"
              ng-options="category.id  as category.fullName for category in categoryData" 
              class="form-control">
     </select>
  </div>
</div>

answered Jun 12, 2016 at 7:34

Vishal Isharani

492 silver badges5 bronze badges

Comments

llw · Accepted Answer · 2016-06-12 07:13:44Z

0

you should do so:

  <option  ng-selected="diamond.category_id == category.id" 
                          value="{{category.id}}"
                          ng-repeat="category in categoryData"
                 >{{category.id}}</option>

answered Jun 12, 2016 at 7:13

llw

11 bronze badge

Comments

kk-dd · Accepted Answer · 2016-06-12 08:33:45Z

0

<select class="form-control"
    name="country"
    ng-model="address.country"
    ng-options="country as country.name for country in countries"
    ng-change="address.province = address.country.data; address.province = address.country.data[0];address.city = address.province.data[0]">

answered Jun 12, 2016 at 8:33

kk-dd

1

Collectives™ on Stack Overflow

ng-selected not working with ng-repeat angularjs

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related