如何在Angular 8中启用的按钮上调用函数?

小火车

以下是我的sign-in.component.html文件的摘要。我在相应的sign-in.component.ts文件中有一个函数,我想在下面的按钮启用后调用它。我希望实现的示例:

<div class="button-container">
    <button mat-raised-button [disabled]="!signInForm.valid" (enabled)="callAFunction()" type="submit">Sign in</button>
</div>

在你的ngOnInit功能,订阅上signInForm.valueChanges调用callAFunction()

ngOnInit(){
  this.signInForm.valueChanges.subscribe(v => {
    if (this.signInForm.valid) {
      callAFunction();
    }
  })
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Xamarin.Android中的按钮上调用异步非lambda函数

如何在JavaScript中动态创建的按钮上调用onclick函数

如何在html按钮上调用php脚本/函数单击

如何在单选按钮上调用指令以在Angular Js中设置值

如何在JavaScript中的对象上调用构造函数?

如何在列表中的所有项目上调用函数?

如何在Angular 2上调用JavaScript

如何在子类型上调用函数?

如何在Windows上调用ELF函数

如何在 onClick 按钮上调用这两个函数?

如何在按钮的不同单击上调用不同的JS函数?

如何在按钮单击上调用函数以侦听React Hooks中的另一个鼠标单击?

如何在angular2的每条路线更改上调用函数

在Angular 2中的click事件上调用函数

如何在Angular 10中调用主体onload JavaScript函数

如何在angular中调用外部jQuery函数

用=>定义的函数如何在Angular中调用?

如何在 Angular 中从服务调用函数到组件?

如何在angular 5中调用外部javascript函数?

如何在Angular 5中从Typescript调用JavaScript函数?

如何在 Angular 中完全加载页面后调用函数?

如何在Angular 7中管理API函数调用服务

如何在Angular Directive中调用我自己的函数?

如何在 Angular 8 中处理异步 HTTP 调用?

如何在jQuery中单击按钮时调用函数

如何在按钮onclick中调用函数?

如何使用VBA在Excel中的ENTER键上调用函数

在Swift中,如何防止在子类上调用函数?

Angular 2如何在ControlValueAccessor内的控件上调用markAsDirty()