ng-repeatスコープ外のオプション値にアクセスしました

Question

ng-repeatスコープ外のオプション値にアクセスしようとしています。 ここにjsFiddle

あなたがそれを見ると、私はIDにアクセスできますが、名前にはアクセスできません。 ng-repeatの範囲外の名前にアクセスする方法

<div ng-controller="csrClrt"> 
    <md-input-container> 
     <label>Face Style:</label> 
     <md-select ng-model="style" ng-change="f_style()"> 
      <md-option ng-value="user.id" ng:repeat="user in styles">{{user.name}}</md-option> 
     </md-select> 
    </md-input-container> 
    <div> 
     Id:{{style}} 
     <br/> Want to Display Name {{name}} 
    </div> 
</div> 

angularJS

angular.module('MyApp', ['ngMaterial']) 
.controller('csrClrt', function ($scope) { 

    stylesdata=[{name:"a",id:0},{name:"b",id:1},{name:"c",id:3}]; 
    var style=[]; 
    for(var i=0;i<stylesdata.length;i++) 
    { 
     style.push({ 
     name:stylesdata[i].name, 
     id:stylesdata[i].id 
     }) 
    } 
    $scope.styles=style; 
}) 

Answer 1

だけng-value="user"の代わりng-value="user.id"を使用し、深い平等を処理するためにng-model-options="{trackBy: '$value.id'}"を追加します。

<md-select ng-model="style" ng-change="f_style()" ng-model-options="{trackBy: '$value.id'}"> 
    <md-option ng-value="user" ng:repeat="user in styles">{{user.name}}</md-option> 
</md-select> 

はフィドルの作業：またhttps://jsfiddle.net/ohotng3f/2/

を、対応するセクション0を参照してください参考のため