Angular JS ng-ng-repeatが機能せずに選択されました

user7291175

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>
Jithu Rajan

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]

編集
0

コメントを追加

0

関連記事

分類Dev

Angular js ng-repeat and ng-show not working on refresh

分類Dev

Angular JS: ng-repeat is not showing value

分類Dev

Angular js ng-repeat duplicate items

分類Dev

Angular JS ng-repeat nested array

分類Dev

Angular-js:ng-clickが機能していません

分類Dev

Angular JS:ng-repeatが値を表示していません

分類Dev

Angular JS:動的ngモデルを使用したngリピート

分類Dev

angular.js ng-repeat li item with html content

分類Dev

Angular JS ng-repeat/adding to array bug

分類Dev

Angular.js-ng-repeatが更新された配列を表示しない

分類Dev

Angular:ng-repeatが機能しない

分類Dev

angular filter for the ng-repeat

分類Dev

ng-repeatの内部で選択された機能が機能しない(AngularJS)

分類Dev

why ng-plurazlize not working in angular js?

分類Dev

turn.jsのng-repeatが機能していません

分類Dev

区切り文字がng:からng-に変更されると、Angular-JSテーブルの並べ替えが機能しない

分類Dev

Angular js-単純な条件のng-class = ""は機能しません

分類Dev

複数のtrにわたるAngular.js ng-repeat

分類Dev

複数の要素にわたるAngular.js ng-repeat

分類Dev

Angular js:ng-modelがng-repeatのアイテムを上書きしています

分類Dev

Angular async * ng選択後に機能しない場合

分類Dev

Angular:ng-repeatが正しく機能していませんが、オブジェクトはコンソールに表示されます

分類Dev

Ionic / Angular.js $ scopeはng-repeatなしでは値を渡しません

分類Dev

Angular JS、ng-repeatにフィルター条件を追加

分類Dev

Angular.jsでng-repeatを使用してデフォルトで選択されたラジオボタンのオプションを設定することはできません

分類Dev

ng-options が選択され、オブジェクトがモデルとして機能しない [Angular 1.5]

分類Dev

Angular.jsが必要であり、ng-requiredが<textarea> </ textarea>で機能しない

分類Dev

Angular.js // ng-url / ng-viewが変更される前に状態を残す

分類Dev

Angular JS> ng-disabledディレクティブが機能しない

Related 関連記事

  1. 1

    Angular js ng-repeat and ng-show not working on refresh

  2. 2

    Angular JS: ng-repeat is not showing value

  3. 3

    Angular js ng-repeat duplicate items

  4. 4

    Angular JS ng-repeat nested array

  5. 5

    Angular-js:ng-clickが機能していません

  6. 6

    Angular JS:ng-repeatが値を表示していません

  7. 7

    Angular JS:動的ngモデルを使用したngリピート

  8. 8

    angular.js ng-repeat li item with html content

  9. 9

    Angular JS ng-repeat/adding to array bug

  10. 10

    Angular.js-ng-repeatが更新された配列を表示しない

  11. 11

    Angular:ng-repeatが機能しない

  12. 12

    angular filter for the ng-repeat

  13. 13

    ng-repeatの内部で選択された機能が機能しない(AngularJS)

  14. 14

    why ng-plurazlize not working in angular js?

  15. 15

    turn.jsのng-repeatが機能していません

  16. 16

    区切り文字がng:からng-に変更されると、Angular-JSテーブルの並べ替えが機能しない

  17. 17

    Angular js-単純な条件のng-class = ""は機能しません

  18. 18

    複数のtrにわたるAngular.js ng-repeat

  19. 19

    複数の要素にわたるAngular.js ng-repeat

  20. 20

    Angular js:ng-modelがng-repeatのアイテムを上書きしています

  21. 21

    Angular async * ng選択後に機能しない場合

  22. 22

    Angular:ng-repeatが正しく機能していませんが、オブジェクトはコンソールに表示されます

  23. 23

    Ionic / Angular.js $ scopeはng-repeatなしでは値を渡しません

  24. 24

    Angular JS、ng-repeatにフィルター条件を追加

  25. 25

    Angular.jsでng-repeatを使用してデフォルトで選択されたラジオボタンのオプションを設定することはできません

  26. 26

    ng-options が選択され、オブジェクトがモデルとして機能しない [Angular 1.5]

  27. 27

    Angular.jsが必要であり、ng-requiredが<textarea> </ textarea>で機能しない

  28. 28

    Angular.js // ng-url / ng-viewが変更される前に状態を残す

  29. 29

    Angular JS> ng-disabledディレクティブが機能しない

ホットタグ

アーカイブ