md-select 未更新为 ng 值文本

Question

你好，我有一个问题。

当我在 ng-value 中放入一个整数时，md-select 被更新：

<md-input-container>
      <md-select ng-model="test">
            <md-option ng-value="1">1</md-option>
            <md-option ng-value="2">2</md-option>
            <md-option ng-value="3">3</md-option>
            <md-option ng-value="4">4</md-option>
     </md-select>
</md-input-container>

但是当我使用字符串值执行此操作时它不起作用，我该怎么办？

<md-input-container>
   <md-select ng-model="type">
        <md-option ng-value=''></md-option>
        <md-option ng-value='test' >test</md-option>
        <md-option ng-value='test02'>test02</md-option>
        <md-option ng-value='test03' >test03</md-option>
   </md-select>
 </md-input-container>

怎么了？

Answer 1

您可以使用 value=""（期待一个字符串）

这是有效的：

<md-input-container>
  <md-select ng-model="type">
    <md-option value=''></md-option>
    <md-option value='test' >test</md-option>
    <md-option value='test02'>test02</md-option>
    <md-option value='test03' >test03</md-option>
  </md-select>
</md-input-container>

或者您可以使用 ng-value=""（期待一个表达式）

<md-input-container>    
  <md-select ng-model="type">
    <md-option ng-value="''"></md-option>
    <md-option ng-value="'test'" >test</md-option>
    <md-option ng-value="'test02'">test02</md-option>
    <md-option ng-value="'test03'" >test03</md-option>
  </md-select>
</md-input-container>

您的第一个示例有效，因为整数值是正确的表达式。在您的第二个示例中，angular 正在您的范围内寻找一个属性命名测试。

md-select 未更新为 ng 值文本

md-select not updating with ng-value text

javascript

angularjs

angularjs-directive

material-design

angular-material