angularjs - Angular Formly: 検証に基づいてフォームフィールドにクラスを追加します

Question

formly-field私の質問が有効か無効かに基づいて、特定のクラスを追加したいと思います。私の質問はラジオのグループです。Angular-Formlyを使用しています。

プランカー: 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