HTMLをng-repetでng-selectedtrueに設定しようとしています。
<select ng-model="editActivities.NewArea">
<option ng-repeat="area in areas" value="{{area.ID}}" ng-selected="editActivities.Area.ID==area.ID">{{area.Name}}</option>
</select>
エリアオブジェクト:
{Name : "City1", ID : "1"}
{Name : "City2", ID : "2"}
{Name : "City3", ID : "3"}
editActivities.Area.IDの値は2です。
editActivities.Area.IDとarea.IDの値を出力すると、その出力:
1 2 , 2 2 , 2 3
それでもcity2は選択されていません。
また、選択したオプションは次のとおりです。
<option value="? undefined:undefined ?"></option>
ng-selectedを使用する代わり$scope.editActivities.NewArea=2
に、コントローラーで設定されているモデル値を設定する必要があります。基本的に、ドロップダウンにバインドされたモデルがある場合、最初にng-seletedを無視します。selectタグからng-modelを削除すると、デフォルト値が表示されます。次のプランカーを試してください。
モデルなし-https://plnkr.co/edit/0Mj1LHhJgkrluWGQLdBn?p = preview
- ngの-mdoelとhttps://plnkr.co/edit/89PqDYdbfrGwUOHLIGMU?p=preview
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加