Angular - 强制选择值为整数

Question

<form [formGroup]="form">
    <select name="area_id" formControlName="area_id">
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
        <option value="3">Value 3</option>
    </select>
</form>

<pre>{{ form.value | json }}</pre>

如果我选择一个选项，则该值将为字符串。如何强制该值为整数？

Answer 1

将ngValue用于非字符串的值

<form [formGroup]="form">
    <select name="area_id" formControlName="area_id">
        <option [ngValue]="1">Value 1</option>
        <option [ngValue]="2">Value 2</option>
        <option [ngValue]="3">Value 3</option>
    </select>
</form>

我还没有尝试使用模型驱动的表单，只有

<select [(ngModel)]="someField" name="area_id" formControlName="area_id">

但它可能仍然有用。

Answer 2

代码附在

下面

box-sizing: content-box;