水平单选按钮

Question

如何使用 Formly 创建水平单选按钮？我创建了这个 jsbin 来显示我创建的单选按钮。但是对于我来说，我无法让单选按钮水平显示。

如有任何建议，我们将不胜感激。

Answer 1

您需要覆盖 bootstrap 默认模板并使用定义 class radio-inline 的标签创建您自己的模板。见：

jsbin with new template

Answer 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"
    }
  ]
}