水平单选按钮

时间:2015-09-21 21:54:02

标签: angularjs angular-formly

如何使用Formly创建水平单选按钮?我创建了这个jsbin来显示我创建的单选按钮。但是对于我的生活,我不能让单选按钮水平显示。

任何建议都将不胜感激。

2 个答案:

答案 0 :(得分:4)

您需要覆盖引导程序默认模板,并使用标签定义类radio-inline创建自己的模板。见:

jsbin with new template

答案 1 :(得分:2)

您只需向"inline":true

添加templateOptions即可

示例:

"key": "default-radio-985",
"type": "radio",
"templateOptions": {
  "inline": true,
  "label": "Radio",
  "valueProp": "value",
  "keyProp": "name",
  "options": [
    {
      "name": "Value One",
      "value": "value one"
    },
    {
      "name": "Value Two",
      "value": "value two"
    }
  ]
}