AngularJS Sélectionnez valeur initiale pour selectbox intérieur ng-repeat

Question

Je veux remplir la couleur sélectionnée comme option sélectionnée dans selectbox dans un premier temps

lien jsfiddle

voici ma partie:

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

contrôleur:

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 } 
      } 
     ];  
} 

Answer 1

Essayez ceci:

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