如何在默认情况下模糊输入字段并在单击 angular 中的复选框后切换它

Question

    <input (click)="check()" class="checkbox" type="checkbox">

    <input [(ngModel)]="second_month" value="2019-09" type="month">

我希望第二个 input(type=month) 字段默认模糊，如果有人选中该复选框，它将模糊输入字段。

Answer 1

如果你的意思是被模糊禁用/锁定，那么试试这个：

.ts

is_second_month_disabled = true;

.html

<input (click)="is_second_month_disabled = false" class="checkbox" type="checkbox">

<input [(ngModel)]="second_month" value="2019-09" type="month" [disabled]="is_second_month_disabled">

Demo

如何在默认情况下模糊输入字段并在单击 angular 中的复选框后切换它

How to blur the input field by default and toggle it after clicking on checkbox in angular

html

blur

typescript

angular