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

Question

我想根据我的问题是有效还是无效，将特定类添加到formly-field。我的问题是无线电组。我使用Angular-Formly。

Plunker：http://plnkr.co/edit/7qORbV2M5MHBG1H3nSaH

我的表单结构是通过JSON进行的，所以我应该为问题创建一个模板，并在该模板中根据问题是否无效或有效来设置类...只是不确定如何。

感谢您的帮助！

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