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出现此问题。尝试使用value代替ng-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-option 。

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

ng-select选择后不保留下拉值

2 个答案: