選擇沒有更新的時候NG-模型改變

Question

我有這樣的代碼：

<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執行，但選擇是不是還更新未選中。如何修改範圍變量更改時選擇更新？

這裏是code pen，證明了這個問題。

Answer 1

由於選項值作爲string處理您需要設置ng-init值作爲string如下

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

DEMO

Answer 2

每當你被綁定在一個字符串值，NG-初始化它應該被視爲字符串內嵌單引號，mode='10'

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

DEMO