Angularjs Select initial value for selectbox inside ng-repeat

Question

I want to populate the selected color as selected option in selectbox in initially

here is my partial :

<div ng-app ng-controller="QuestionController">
    <ul ng-repeat="product in products">
        <li>
            <div>{{ product.selected | json }}</div>
            <select ng-model="product.selected" ng-options="color.name for color in product.color"></select>
         </li>
    </ul>
</div>

controller :

function QuestionController($scope) {
    $scope.products = [
             {
                "name": "product1", 
                "value": "product1",
                "color": [{ name: 'red',id: 10},{ name: 'Green',id: 11},{name:'Blue',id: 12 }],
                "selected": {name: 'Green', id: 11 }
             },
             {
                "name": "product2",
                "value": "product2",
                "color": [{ name: 'red',id: 10},{ name: 'Green',id: 11},{name:'Blue',id: 12 }],
                "selected": {name: 'red', id: 10 }
             },
             {
                "name": "product3",
                "value": "product3",
                "color": [{ name: 'red',id: 10},{ name: 'Green',id: 11},{name:'Blue',id: 12 }],
                "selected": {name: 'Blue',id: 12 }
            }
        ];    
}

ppa · Accepted Answer · 2014-04-17 12:11:35Z

3

Try this:

<select ng-model="product.selected" ng-options="color.name for color in product.color track by color.id"></select>

answered Apr 17, 2014 at 12:11

ppa

3261 silver badge5 bronze badges

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

1 Comment

ppa Over a year ago

With the "track by" expression, you can instruct angular to use the "id" property in order to consider two objects equivalent instead of using object equality.

Collectives™ on Stack Overflow

Angularjs Select initial value for selectbox inside ng-repeat

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related