कोणीय - एनजी-दोहराने के साथ चयन का उपयोग कैसे करें?

Question

नीचे उपलब्ध दृश्य में मैं वर्तमान एनजी-दोहराना ऑब्जेक्ट (उपयोगकर्ता) में उपलब्ध एक कुंजी (colorId) के आधार पर ड्रॉप डाउन बॉक्स में एक मान का चयन करने का प्रयास कर रहा हूं। क्या किसी को पता है यह कैसे किया जाता है?

<div ng-app> 
    <div ng-controller="MyCntrl"> 
    <table> 
     <thead > 
       <tr> 
        <th width="50%">User</th> 
        <th width="50%" >Color</th>    
       </tr> 
      </thead> 
    <tbody> 
     <tr ng-repeat="user in users"> 
      <td width="50%">{{user.name}}</td> 
      <td width="50%"> 
       <select ng-model="user.colorid" ng-options="color.name for color in colors"> 
          <option value="">Select color</option> 
     </select> 
      </td> 
     </tr> 
     </tbody> 
    </table> 
    </div> 
</div> 

नियंत्रक कोड है:

'use strict'; 

angular.module('nes',) 
    .controller('MyCntrl',['$scope',function ($scope) { 
    $scope.colors = [ 
    {id:'1', name:'blue'}, 
    {id:'2', name:'white'}, 
    {id:'2', name:'red'} 
    ]; 

    $scope.users = [ 
     { name:'user1',colorId:'1'}, 
     { name:'user2',colorId:'2'} 
    ]; 
}]); 

Answer 1

आप अपने <select> तत्व में कुछ चीजें ठीक करने के लिए की जरूरत है: अपने एनजी-विकल्पों में

उपयोग color.id as color.name।

ng-options="color.id as color.name for color in colors" 

आप "colorid" typoed: http://plnkr.co/edit/DptvZuamWv9waFzI0Rcp?p=preview