javascript - md-select 不更新 ng-value 文本

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 正在您的范围内寻找名为 test 的属性。