代码之家 › 专栏 › 技术社区 › sharpmachine

Angular Formly:根据验证将类添加到Formly字段

angular-formly angularjs

0

sharpmachine · 技术社区 · 9 年前

我想将特定的类添加到 formly-field 基于我的问题是有效还是无效。我的问题是收音机组。我正在使用 Angular-Formly .

Plunker公司: http://plnkr.co/edit/7qORbV2M5MHBG1H3nSaH

我的表单结构是通过JSON输入的,所以我可能应该为问题创建一个模板,并在该模板中根据问题是无效还是有效来设置类……只是不知道如何设置。

谢谢你的帮助!

1 回复 | 直到 9 年前

1

2

ckniffty 9 年前

如果可以接受将类放在包装字段的子元素上,那么我将通过执行以下操作来定义全局字段包装器:

angular.module('plunker', [
    'formly',
    'formlyBootstrap','
    ]).run(function(formlyConfig){
        formlyConfig.setWrapper({
            template: '<div ng-class="{ \'invalid\': fc.$invalid,\'valid\': fc.$valid}"><formly-transclude></formly-transclude></div>'
        });
    });

基于您的示例: http://plnkr.co/edit/a8LurGdkHEXfqyLPmmVK?p=preview