2016-03-07 10 views
6

です。選択リストがあり、アイテムを動的に選択しようとしています。ng-selectedが選択されていません。

$scope.pages = [ 
     { name: "Home",     id: "1" }, 
     { name: "Plugs",    id: "2" }, 
     { name: "Pack Bedding",   id: "3" }, 
     { name: "Pot Bedding",   id: "4" }, 
     { name: "Poinsettias",   id: "5" }, 
     { name: "Sales",    id: "6" }, 
     { name: "Process Quality",  id: "7" }, 
     { name: "Environment",   id: "8" }, 
     { name: "Process Technology", id: "9" }, 
     { name: "Process Control",  id: "10" }, 
     { name: "Infrastructure",  id: "11" }, 
     { name: "News",     id: "12" }, 
     { name: "About",    id: "13" }, 
     { name: "Contact",    id: "14" }, 
     { name: "Find Us",    id: "15" }, 
     { name: "Key Personnel",  id: "16" }, 
     { name: "Recruitment",   id: "17" }, 
     { name: "Legal Information", id: "18" }, 
     { name: "Hidden",    id: "19" } 
]; 

私を取得しているサービスもあります:事がさえ式が「真」オプションはまだスコープ(ページ)

<label for="articlePage">Page:</label> 
<select class="form-control pageList" name="articlePage" required="" ng-model="article.page_ID"> 
    <option ng-repeat="page in pages" ng-selected ="{{page.id == article.page_ID}}" value={{page.id}}>{{page.name}}</option> 
</select><br> 

を選択されていないために評価されたDOE、あります記事、私はそれが正しいと知っていると私は言ったように、表現は評価されています。ここでそのことを証明するために、印刷画面です:

enter image description here

誰でもオプションが選択されていない理由を任意のアイデアを持っているのですか?

ありがとうございました! :)

+0

ここでの例でのように、NG-選択で角度の表現を使用してみてください:https://docs.angularjs.org/api/ng/directive/ngSelected – neptune

答えて

8

ng-selectedの中に式は必要ありません!これを試してみてください:

<label for="articlePage">Page:</label> 
    <select class="form-control pageList" name="articlePage" required="" ng-model="article.page_ID"> 
    <option ng-repeat="page in pages" ng-selected ="page.id == article.page_ID" value="{{page.id}}">{{page.name}}</option> 
</select><br> 
+0

THX男、それは素晴らしい作品。 :) – Spluf

+0

これで3時間苦労しました - すべての順列を試し、コードを複数回書き直しました - この解決策は私が必要としていたすべてでした - {{}}を削除してください - うわー – Yudishtira