0

我有一个如下按钮。

<button type="button" class="button-next btn btn-primary" nextStep>Next
  <i class="icon-arrow-right14 position-right"></i>
</button>

它位于带有formGroupName="company". 如果公司无效，我想禁用按钮的单击事件。另外，我想为中的所有字段设置脏，formGroupName="company"以便触发验证器并显示错误消息。

我可以在(click)按钮的情况下执行此操作，但我正在尝试找到一种最佳方法来执行此操作，例如将函数this formGroupName作为输入并执行操作，而不是我显式传递formGroupName. 我在页面中有多个 formGroupName。

我不想使用disabled按钮的属性，因为我想在单击按钮时触发验证。

根据上面的需要，最好的方法是什么？

4

1 回答 1

0

在组件中设置布尔类型的标志。

export class ComponentName{
    showHideFlag:boolean;

}

如果公司无效，则将标志设置为 false，否则将其设置为 true。在按钮的 HTML 中，使用 ngIf 根据要求显示或隐藏此按钮

 <button type="button" *ngIf="showHideFlag" class="button-next btn btn-primary" nextStep>Next
  <i class="icon-arrow-right14 position-right"></i>
 </button>
于 2017-04-04T09:39:24.980 回答