Angular Formly:如何将类添加到包装div

Question

<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我的字段中设置的值,我希望能够将一个类添加到formly-field div.

所以一个例子是:

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

应该生成2个这样的形式字段:

<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是一系列领域,我不知道该怎么做.

Answer 1

要向其添加类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'
        }
    }
]