【问题标题】:Angular Validation on Button as Fields in Template Driven Form按钮上的角度验证作为模板驱动表单中的字段
【发布时间】:2020-12-29 06:19:09
【问题描述】:

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

【问题讨论】:

  • 改用单选按钮,因为 Button 无法使用 NgModel 绑定值更改。除非您可以为其创建自定义表单控件。这是一篇关于如何创建自定义表单控件的文章blog.thoughtram.io/angular/2016/07/27/…

标签: javascript angular typescript validation kendo-ui-angular2


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-06-03
    • 2021-01-03
    • 1970-01-01
    • 2017-02-09
    • 2019-05-07
    • 2018-10-26
    • 2020-04-07
    相关资源
    最近更新 更多