md-selectのng-modelは選択された値を更新しません

カマチョ大統領

私はmd-selectを使用しています:

<label>Type</label>
<md-select ng-model="selected_data_type">
    <md-option ng-repeat="data_type in data_types" value="{{data_type.name}}">{{data_type.name}}</md-option>
</md-select>

これには、以下を使用してデータがプリロードされます。

for (let type of getData())
   $scope.data_types.push({ name: type });

また、データがロードされた後にデフォルト値を設定します。

$scope.selected_data_type = data.type

だから今は、MD-選択などいくつかの項目と選択した項目となったデフォルトを、しかし以外に、選択した項目を変更する場合、デフォルトとイベントボタンを押すと、そのトリガーがconsole.log($scope.selected_data_type);与えられるデフォルト選択した値を。何故ですか?

camden_kid

あなたが提供する情報は少し紛らわしいです。あなたの質問には(1)があります

value="{{data_type.name}}"

どちらが正しい。CodePenの例では、

ng-value="{{data_type.name}}"

これは正しくありません。(2)である必要があります

ng-value="data_type.name"

コンソールに表示されているように、CodePenは(1)と(2)の両方で動作します。

CodePen

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

md-selectはng値のテキストで更新されません

分類Dev

ngModelは、md-selectで選択された以前の値を示します

分類Dev

md-selectは選択した値を設定できません

分類Dev

UI-Selectは選択された値を表示しません

分類Dev

PowershellファイルのMD5値を生成されたMD5値と比較できません

分類Dev

Angular Material md-select は prepopulate に値を表示しません

分類Dev

mdのbcacheまたはbcacheのmd

分類Dev

selectタグの選択された値はangularjsの外部スイッチを変更しません

分類Dev

md-checkbox は、ディレクティブの link() 関数内の ng-model 値によって設定されません。

分類Dev

ng-selectの選択された値を取得します-Angular8

分類Dev

Select2は、jqueryによって選択された属性を削除した後、値を入力しません

分類Dev

角度JSを使用してselect要素でデフォルト値が選択されている場合、選択された値は変更されません

分類Dev

AngularJS md-select2つの選択値を結び付けます

分類Dev

angle2 selectは、デフォルトとして入力された値を選択しません

分類Dev

md-selectのng-modelでスコープをng-repeatで使用して、JSON要素を保存および表示します

分類Dev

ng-optionsは、初期ロード時に選択された値を強調表示しません

分類Dev

Ng-Zorro selectは、NgModelで選択されたアイテムを表示しません

分類Dev

Cookieを使用したユーザー選択、最初のページの更新は記憶されません

分類Dev

ngIfはngModelの変更時にmd-selectを表示しません

分類Dev

内部選択の更新は成功しましたが、データは更新されません

分類Dev

md-ng-clickのオートコンプリートテンプレートは選択を妨げることはできません

分類Dev

mat-selectで選択された値は親に送信されません

分類Dev

md-tabs(角度1.5)からクリックまたは選択されたときに、md-tabのコンテンツをロードして呼び出します。

分類Dev

角材 md-select デフォルトの最初の値を選択

分類Dev

オプションngを選択します-モデルが変更された後、繰り返しは更新されません

分類Dev

md-checkboxはng-clickでは機能しません

分類Dev

Select-Objectは選択された値を変更します

分類Dev

Select-Objectは選択された値を変更します

分類Dev

md-data-tableの行のみを選択します

Related 関連記事

  1. 1

    md-selectはng値のテキストで更新されません

  2. 2

    ngModelは、md-selectで選択された以前の値を示します

  3. 3

    md-selectは選択した値を設定できません

  4. 4

    UI-Selectは選択された値を表示しません

  5. 5

    PowershellファイルのMD5値を生成されたMD5値と比較できません

  6. 6

    Angular Material md-select は prepopulate に値を表示しません

  7. 7

    mdのbcacheまたはbcacheのmd

  8. 8

    selectタグの選択された値はangularjsの外部スイッチを変更しません

  9. 9

    md-checkbox は、ディレクティブの link() 関数内の ng-model 値によって設定されません。

  10. 10

    ng-selectの選択された値を取得します-Angular8

  11. 11

    Select2は、jqueryによって選択された属性を削除した後、値を入力しません

  12. 12

    角度JSを使用してselect要素でデフォルト値が選択されている場合、選択された値は変更されません

  13. 13

    AngularJS md-select2つの選択値を結び付けます

  14. 14

    angle2 selectは、デフォルトとして入力された値を選択しません

  15. 15

    md-selectのng-modelでスコープをng-repeatで使用して、JSON要素を保存および表示します

  16. 16

    ng-optionsは、初期ロード時に選択された値を強調表示しません

  17. 17

    Ng-Zorro selectは、NgModelで選択されたアイテムを表示しません

  18. 18

    Cookieを使用したユーザー選択、最初のページの更新は記憶されません

  19. 19

    ngIfはngModelの変更時にmd-selectを表示しません

  20. 20

    内部選択の更新は成功しましたが、データは更新されません

  21. 21

    md-ng-clickのオートコンプリートテンプレートは選択を妨げることはできません

  22. 22

    mat-selectで選択された値は親に送信されません

  23. 23

    md-tabs(角度1.5)からクリックまたは選択されたときに、md-tabのコンテンツをロードして呼び出します。

  24. 24

    角材 md-select デフォルトの最初の値を選択

  25. 25

    オプションngを選択します-モデルが変更された後、繰り返しは更新されません

  26. 26

    md-checkboxはng-clickでは機能しません

  27. 27

    Select-Objectは選択された値を変更します

  28. 28

    Select-Objectは選択された値を変更します

  29. 29

    md-data-tableの行のみを選択します

ホットタグ

アーカイブ