Javascript 更改ng模型时，Select未更新

我有这样的代码：

  <select ng-model="mode" ng-init="mode=10">
    <optgroup label="Serif">
      <option value="0">Normal</option>
      <option value="1">Bold</option>
      <option value="2">Italic</option>
      <option value="3">Bold Italic</option>
    </optgroup>
    <optgroup label="Sans">
      <option value="4">Normal</option>
      <option value="5">Bold</option>
      <option value="6">Italic</option>
      <option value="7">Bold Italic</option>
    </optgroup>
    <optgroup label="Script">
      <option value="8">Normal</option>
      <option value="9">Bold</option>
    </optgroup>
    <optgroup label="Fraktur">
      <option value="10">Normal</option>
      <option value="11">Bold</option>
    </optgroup>
    <optgroup label="Monospace">
      <option value="12">Normal</option>
    </optgroup>
    <optgroup label="Double-struck">
      <option value="13">Bold</option>
    </optgroup>
  </select>
  <label for="text">Input Text</label>
  <input id="text" ng-model="input"/>
  <div>
    Output: {{input|convert:mode}}
  </div>

正常的
大胆的
斜体
粗体斜体
正常的
大胆的
斜体
粗体斜体
正常的
大胆的
正常的
大胆的
正常的
大胆的
输入文本
输出：{输入|转换：模式}

模式范围值已更改，转换过滤器在模式==10的情况下执行，但选择未更新，仍未选择。如何修复范围变量更改时要更新的select

---

下面是演示问题的示例。

由于选项值被视为

字符串

，因此需要将

ng init

值设置为

字符串

，如下所示

<select ng-model="mode" ng-init="mode='10'">

---

无论何时在ng init中绑定字符串值，都应将其视为嵌入单引号的字符串，

mode='10'

 <select ng-model="mode" ng-init="mode='10'">

---

对不起，我看不到你的答案，你快了50秒