按钮上的角度验证作为模板驱动表单中的字段

问题描述

我有一个表单字段作为结果,我在其中使用了模板驱动的角度表单。我能够使用下拉菜单、输入、单选、复选框和其他输入字段验证表单。但是对于不同的规则有通过、失败和不适用的按钮。如何在按钮上应用必填字段。有没有办法实现这一目标?附上截图以便于理解。或者我应该使用单选按钮组并将它们设置为按钮。

enter image description here

解决方法

这可以通过在条件基础上使用 ngClass 或 ngStyle 来实现。在这里,您可以将这些按钮与禁用属性绑定并相应地应用样式。 例如,其中一些是通过的。它应该被突出显示,其余的应该被禁用。这是可以管理的。

其他选项如您所说使用单选按钮并使它们看起来像按钮,这将使它更容易,因为您可以在单选按钮的情况下使用值更改。