选项标记返回Angular中ngModel的字符串值而不是数字

Question

HTML:

<select [(ngModel)]='i.PaycodeId'>
  <option *ngFor="let j of payCode" [value]='j.ID'>{{j.value}}</option>
</select>

payCode:

[{"ID":0,"value":"Cycle"},{"ID":1,"value":"Truck"},{"ID":2,"value":"Car"}]

在i.PaycodeId,通过ngModel,它将数字设置为字符串值而不是数字,"1"/"2"而传递给选择的值是具有ID值作为数字的对象.我希望这个值只是数字.

Answer 1

而不是使用[value],使用[ngValue].

<select [(ngModel)]='i.PaycodeId'>
  <option *ngFor="let j of payCode" [ngValue]='j.ID'>{{j.value}}</option>
</select>

Answer 2

您可以像这样将绑定分开：

<select [ngModel]="i.PaycodeId" (ngModelChange)="onChangeSelection($event)">
  <option *ngFor="let j of payCode" [value]='j.ID'>{{j.value}}</option>
</select>

在您的组件中：

onChangeSelection(selected) {
    this.i.PaycodeId = parseInt(selected);
}

工作柱塞示例用法