Angular 2/5 - 从 select 获取数字数据时遇到问题

Question

我的 Angular 应用程序中有一个 select 控件。值为 *（星号）、1、2 ... 10。

我的模板如下所示：

<select multiple [ngModel]="search?.filter.value" (ngModelChange)="valueChanged($event)" >
        <option *ngFor="let item of searchValues">{{item}}</option>
</select>

... 在我的 valueChanged 函数中，当用户 select 是 * 时我得到一个值，但当他们 select 一个数字时我得到一个值。如果我 "force" 将数字设为字符串（即将“1”更改为“1st”），它会起作用，但这不是客户想要的。

我看到一些帖子暗示这可能是 Angular 中的错误，但我想在返回给客户一些选项之前确认我没有遗漏任何东西。

谢谢，詹姆斯

Answer 1

使用[ngValue]

<select multiple  [ngModel]="search?.filter.value" (ngModelChange)="valueChanged($event)" >
        <option [ngValue]="item" *ngFor="let item of searchValues">{{item}}</option>
</select>

WORKING DEMO

Angular 2/5 - 从 select 获取数字数据时遇到问题

Angular 2/5 - having issues getting numeric data from a select

javascript

angular2-template

angular