角度输入 [type]="'number'" 总是导致值为字符串

Question

通常，我会以这种方式声明输入类型（这很好用）：

<input [(ngModel)]="input1" type="number" placeholder="Working"/>

但是，我希望类型是动​​态的，因此我使用 property binding [type]="objectType"。为了简化问题，我使用了[type]="'number'".

<input [(ngModel)]="input2" [type]="'number'" placeholder="Not Working"/>

现在的问题是，每当我对 进行更改时input2，它都会转换为字符串。情况并非如此input1- 它仍然是预期行为的数字。如何将属性绑定用于类型并防止其转换​​为字符串？

闪电战

Answer 1

这是一个已知问题（请参阅问题＃13243）。

目前一个简单的解决方法是为每种类型使用不同的输入：

@Input() public myInputType: string;

<input [(ngModel)]="value" type="number" *ngIf="myInputType === 'number'"/>
<input [(ngModel)]="value" type="text" *ngIf="myInputType === 'text'"/>
<!-- ... -->