AngularJS選択タグで整数値を選択

Question

AngularJSの新機能です。私は非常に単純なタスクを持っています：HTML <select>タグを使用して、角度で整数値を選択してください。

<select ng-model="foo.bar"> 
    <option ng-repeat="option in options" value="{{option}}">{{option}}</option> 
</select> 

foo.barは整数値を保持します。上記のコードを実行すると、最初に生成されるオプションは<option value="? number:32 ?"></option>です。私は、選択した値が文字列として解釈されることを知りました。私は整数が欲しい。

私はいくつかの解決策を見つけましたが、複雑な（documentation example to implement a convert-to-number-functionのような）か、optionsの配列が異なって見えます（私のものは単純な整数の配列です）。

Answer 1

-

Answer 2

選択すると文字列が表示されます。その文字列をコントローラコード内の数字に変換する必要があります。

foo.bar = parseInt(foo.bar); 

foo.bar変数の変更を調べて整数に解析する必要があるかもしれません。

は https://docs.angularjs.org/api/ng/type/ $ rootScope.Scopeを見て、見て$を検索します。代わりに ng-repeatあなたがすべきと組み合わせ optionタグの

var numValue = Number(foo.bar); 

Answer 3

選択]ドロップダウンを使用すると、それは整数になりたい場合は、コントローラ

コントローラでそれをひそか、いつもあなたの文字列値を与えます次のように角度ng-options directiveを使用してください。

<select ng-model="foo.bar" ng-options="option for option in options"></select> 

optionsが整数の配列である場合、ng-modelには整数も含める必要があります。