角度：ng-selectにng-selected値が表示されない

Question

idに応じてselectにデフォルト値を設定しようとしています。

私は<pre>{{location.routeId}}</pre>はappData.Routesでrouteはパラメータnameとidを持って819e41ef-0081-41e6-a415-2766dc16e8e4

<select ng-model="location.route"> 
     <option value="" disabled>Choose Route</option> 
     <option ng-repeat="route in appData.Routes" 
      ng-selected="{{route.id == location.routeId}}" 
      value="{{route}}"> 
      {{route.id}} : {{route.name}} 
     </option> 
</select> 

idが、私は、私は要素を検査した場合location.routeId

でroute.idに一致するようにしようとしている印刷したオブジェクトlocationを持っていますいずれかのオプションでng-selectedがtrueになっていますが、UIではまだ選択されていません。

そして、ここではUI

のスクリーンショット

Answer 1

はあなたの最初のオプションでdisabled属性を取り出しています。

Answer 2

これを試してみてください：

<select ng-model="location.route"> 
     <option value="">Choose Route</option> 
     <option ng-repeat="route in appData.Routes" 
      ng-selected="route.id == location.routeId || location.route && route.id == location.route.id" 
      ng-value="route"> 
      {{route.id}} : {{route.name}} 
     </option> 
</select> 

Answer 3

あなたはngSelectedディレクティブの中括弧は必要ありません。だから、単純にそれらを削除：

ng-selected="{{route.id == location.routeId}}" 

へ：

助けにはならなかった

ng-selected="route.id == location.routeId"