Javascript 禁用按钮时的触发方法

Javascript 禁用按钮时的触发方法,javascript,html,css,angular,Javascript,Html,Css,Angular,我在Angular 2中有一个表单,这是与提交表单的按钮相关联的代码 <button (mouseover)="showMesageValidation()" class="edm-button" type="submit" [disabled]="!f.valid">confirm</button> 确认 我想触发一个打印未正确验证的字段的方法,但我了解到禁用的元素不会触发事件。 我想知道当鼠标悬停在按钮上时,如何列出无效的项目?只需在相同条件下使用*ngIf,这

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

 <button (mouseover)="showMesageValidation()" class="edm-button" type="submit" [disabled]="!f.valid">confirm</button>
确认
我想触发一个打印未正确验证的字段的方法,但我了解到禁用的元素不会触发事件。
我想知道当鼠标悬停在按钮上时,如何列出无效的项目?

只需在相同条件下使用
*ngIf
,这样只有在出现错误时才会显示错误

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

{{err}}

如何获取无效的元素?
f.errors
应该为您提供信息(假设
f
是对表单的引用。{f.errors | json}=>null和一些输入无效很难用提供的信息来区分。在示例中,它们分别引用了输入字段,但我很确定表单也提供了错误(不太处理表单),感谢您的帮助和关注