選択後にドロップダウン値が保持されないように選択します。

Question

APIを使用して一部の値を表示するためのドロップダウンがあります。値は、ドロップダウンオプションでうまく表示されます。しかし、私が任意のオプションを選択した場合、値はUIに保持されません。ここで

は私のhtmlです：

<md-input-container md-no-float layout-fill style="text-align: start; margin-bottom: 25px !important;"> 
    <md-select ng-model="data_selected" placeholder="I want to speak..." required> 
    <md-option ng-repeat="lan in language_country" ng-value="{{lan}}"> {{lan.name}} 
    </md-option> 
    </md-select> 
</md-input-container> 

---

私は他の事をする必要がありますか、私はいずれかを置き忘れたのか？

Answer 1

この問題はng-valueで発生します。 ng-valueの代わりにvalueを使用してください。問題が解決されます。

<md-select ng-model="data_selected" placeholder="I want to speak..." required> 
    <md-option ng-repeat="lan in language_country" value="{{lan}}"> 
     {{lan.name}} 
    </md-option> 
</md-select> 

Answer 2

に変更してください。ng-options指示が問題を解決します。

ng-options

<md-input-container md-no-float layout-fill style="text-align: start; margin-bottom: 25px !important;"> 
    <md-select ng-model="data_selected" placeholder="I want to speak..." required 
     ng-options="lan.id as lan.name for lan in language_country"> 
    </md-select> 
</md-input-container> 

あなたが選択するか、カスタムオプションを結合するためのカスタムオプションをバインドする必要があるときに使用される通常のMD-オプション。

<md-select ng-model="data_selected" placeholder="I want to speak..." required> 
    <md-option value="">Select Language</md-option> 
    <md-option ng-repeat="lan in language_country" value="{{lan}}"> 
     {{lan.name}} 
    </md-option> 
</md-select>