Angular 5中类型复选框的动态输入

时间:2018-05-07 14:13:17

标签: javascript angular angular-forms

我有以下代码

<input [type]="'checkbox'" [(ngModel)]="inputValue">
<p>Value: {{ inputValue }}</p>

有人可以解释为什么inputValue中的值不会改变吗?

我无法设置type="checkbox"因为我有动态输入类型。

当类型为textnumber时,它可以正常工作。当输入类型为静态(type="checkbox"

时,它也有效

1 个答案:

答案 0 :(得分:1)

如果动态设置输入类型不起作用,为什么不尝试使用静态输入类型的ngSwitch复选框?

<ng-container [ngSwitch]="inputType">
    <input *ngSwitchCase="'checkbox'" type="checkbox" [(ngModel)]="inputValue">
    <input *ngSwitchDefault [type]="inputType" [(ngModel)]="inputValue">
</ng-container>

查看此stackblitz