Angular Formly：如何将类添加到包装 div答案

【问题标题】：Angular Formly: how to add class to wrapping divAngular Formly：如何将类添加到包装 div
【发布时间】：2015-09-02 16:09:19
【问题描述】：

<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 个如下形式的字段：

<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 是一个字段数组，我不知道该怎么做。

【问题讨论】：

标签： javascript angularjs angular-formly

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

【讨论】：

工作就像一个魅力，这是否记录在某个地方？
Yes