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で実行されますが、選択はまだそれを更新していません選択されていない。スコープ変数が変更されたときに、selectを修正するにはどうすればよいですか？

ここには、問題を示すcode penがあります。

Answer 1

オプション値が扱われているので、あなたはNG-INITに文字列値を結合しているときはいつでも、それはとして扱われるべきである

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

DEMO

Answer 2

以下のようstringとしてng-init値を設定する必要がstringとして一重引用符で埋め込まれた文字列、mode='10'

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

DEMO