Angular Formly：根据验证将 class 添加到 formly-field

Question

我想根据我的问题是否有效向 formly-field 添加特定的 class。我的问题是收音机组。我正在使用 Angular-Formly.

笨蛋：http://plnkr.co/edit/7qORbV2M5MHBG1H3nSaH

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

感谢您的帮助！

Answer 1

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

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

Angular Formly：根据验证将 class 添加到 formly-field

Angular Formly: Add class to formly-field based on validation

angularjs

angular-formly