4 
<formly-form model="vm.model" fields="step.inputs" options="vm.options">
    <div style="text-align:right">
        <button type="submit" wz-next class="btn btn-primary submit-button" ng-disabled="innerForm.$invalid">Næste</button>
    </div>
</formly-form>

上記のマークアップを使用すると、より標準的ではない正式なフォームが生成されますが、私の問題はtemplateOptions、フィールドに設定された値に基づいて、フォームフィールドの div にクラスを追加できるようにしたいということです。

したがって、例は次のようになります。

inputs: [
    {
        key: 'someKey',
        type: 'input',
        templateOptions: {
            label: 'some text',
            class: 'floatLeft'
        }
    },
    {
        key: 'someKey',
        type: 'input',
        templateOptions: {
            label: 'some text',
            class: 'floatRight'
        }
    }]

次のような 2 つの formly-field を生成する必要があります。

<div formly-field ng-repeat="field in fields " class="floatLeft ..." ...>...</div>
<div formly-field ng-repeat="field in fields " class="floatRight ..." ...>...</div>

クラスがdivに追加されるので、ラッパーを使用してみましたが、formly-field divをラップしません。はフィールドの配列であるためstep.inputs、その方法がわかりません。

4

1 に答える 1

9

クラスを に追加するには、フィールド構成のルートで をformly-field div指定するだけです。classNameそう：

inputs: [
    {
        key: 'someKey',
        type: 'input',
        className: 'floatRight',
        templateOptions: {
            label: 'some text'
        }
    },
    {
        key: 'someKey',
        type: 'input',
        className: 'floatRight',
        templateOptions: {
            label: 'some text'
        }
    }
]
于 2015-09-02T22:54:43.030 に答える