Angular Formly：根据验证向表单字段添加类

【问题标题】：Angular Formly: Add class to formly-field based on validationAngular Formly：根据验证向表单字段添加类
【发布时间】：2015-07-30 20:33:14
【问题描述】：

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

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

我的表单结构是通过 JSON 输入的，因此我可能应该为问题创建一个模板，并在该模板中根据问题是无效还是有效来设置类...只是不确定如何。

感谢您的帮助！

【问题讨论】：

标签： angularjs angular-formly

【解决方案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

【讨论】：