如何在(ngModelChange)中调用方法并使用angular 4+应用条件

时间:2018-09-20 07:25:39

标签: angular typescript

在这里,我要禁用按钮

work= false;

    <button [disabled]="work"></button>

默认情况下它是禁用的,现在我想根据情况将其激活

(ngModelChange)="!Templatedata==name?'unDisable()':'disable()'"

unDisable(){
this.work= false;
}

disable(){
this.work = true;

}

以上条件不起作用。尽管我为ngStyle和ngClass申请的条件相同,但效果很好,但对于ngmodelChange,则不起作用

1 个答案:

答案 0 :(得分:1)

如果您的代码在ngModelChange上不起作用,您可能忘记了在输入上附加[(ngModel)]

第二,如果要调用函数,则不能在引号中传递函数名称:

(ngModelChange)="!Templatedata==name? unDisable(): disable()"