按钮禁用时的触发方法

【问题标题】：Trigger method when button is disabled按钮禁用时的触发方法
【发布时间】：2018-02-14 14:41:16
【问题描述】：

我在 Angular 2 中有一个表单，这是与提交表单的按钮关联的代码

 <button (mouseover)="showMesageValidation()" class="edm-button" type="submit" [disabled]="!f.valid">confirm</button>

我想触发一个打印未正确验证的字段的方法，但我读到禁用的元素不会触发事件。我想知道当鼠标悬停在按钮上时如何列出无效的项目？

【问题讨论】：

【解决方案1】：

只需使用具有相同条件的*ngIf，以便仅在出现错误时才显示错误

<div *ngIf="!f.valid">
 <div *ngFor="let err of errors">{{err}}</div>
</div>

【讨论】：

如何获取无效元素？
f.errors 应该为您提供信息（假设 f 是对表单的引用。
{{f.errors | json}} => null 并且某些输入无效
很难用提供的信息来判断。在示例中，他们单独引用输入字段angular.io/guide/form-validation，但我很确定表单也提供了错误（对表单没有太多作用）
感谢您的帮助和关注