AngularJS Select Integer-Wert mit HTML-Select-Tag

Question

Ich bin neu in AngularJS. Ich habe eine sehr einfache Aufgabe: Wählen Sie einen Integer-Wert mit Winkel mit einem HTML-Code <select>.

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

foo.bar enthält einen ganzzahligen Wert. Wenn ich den obigen Code ausführe, lautet die erste generierte Option: <option value="? number:32 ?"></option>. Ich habe herausgefunden, dass der ausgewählte Wert als String interpretiert wird. Ich möchte einen Integer.

Ich habe einige mögliche Lösungen gefunden, aber sie sind entweder komplex (wie die), oder ihre options Array sieht anders aus (meins ist nur ein einfaches Array von ganzen Zahlen).

Answer 1

Statt dem Tag option mit ng-repeat kombiniert sollten Sie Verwenden Sie Angulars ng-options directive wie folgt:

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

Wenn options ein Array von ganzen Zahlen ist, sollte ng-model auch eine ganze Zahl enthalten.

Answer 2

Wählen Sie wird Ihnen eine Zeichenfolge geben. Sie müssen diese Zeichenfolge in eine Nummer in Ihrem Controller-Code konvertieren.

Möglicherweise müssen Sie eine Uhr verwenden, um nach Änderungen in Ihrer foo.bar-Variablen zu suchen, und sie dann zu Integer analysieren.

Werfen Sie einen Blick auf https://docs.angularjs.org/api/ng/type/ $ rootScope.Scope und suchen Sie nach $ watch.

Answer 3

Select Dropdown werden Sie String-Wert immer geben, wenn Sie es wollen, dass es eine ganze Zahl verdeckte sein in Controller

-Controller -

var numValue = Number(foo.bar);