角直角:如何在包装div中添加类
角直角:如何在包装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'
}
}]应该生成两个格式字段，如下所示：
<div formly-field ng-repeat="field in fields " class="floatLeft ..." ...>...</div>
<div formly-field ng-repeat="field in fields " class="floatRight ..." ...>...</div>所以这个类被添加到div中，我尝试过使用wrappers，但是它们没有环绕格式字段div。因为step.inputs是一个字段数组，所以我不知道该如何做。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-02 22:54:43
要向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'
}
}
]页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32358022
复制相关文章
相似问题
腾讯云开发者
