オブジェクトを使ったAngular ng-options

Question

誰でも私に助けてくれるでしょう、次の構造のためにng-optionsに 'name'を表示する方法。構造用

"systems": { 
    "android": { 
     "name": "Android" 
    }, 
    "ios": { 
     "name": "iOS" 
    }, 
    "web": { 
     "name": "Web" 
    } 
    }, 

Answer 1

：あなたはこの構造を有することがある場合は

<select ng-model='system' ng-options='key.name as value.name for (key, value) in systems'></select> 

Selected Value = {{system}} 

：

$scope.systems = 
{ 
    "systems": { 
    "android": { 
     "name": "Android" 
    }, 
    "ios": { 
     "name": "iOS" 
    }, 
    "web": { 
     "name": "Web" 
    } 
    }; 

を、私はどうなる

$scope.systems = { 
    "android": { 
     "name": "Android" 
    }, 
    "ios": { 
     "name": "iOS" 
    }, 
    "web": { 
     "name": "Web" 
    } 
    }; 

あなたはこのようにそれを行うことができますそれはng-repeatで（私は他の方法を見ません）：

<select ng-model='system' ng-repeat='(key, values) in systems'> 
     <option ng-repeat='(k,v) in values' ng-bind='v.name'></option> 
    </select> 

Selected Value = {{system}} 

は、私はそれが役に立てば幸い:)