水平单选按钮

Question

如何使用Formly创建水平单选按钮?我已经创建了这个jsbin来显示我创建的单选按钮。但是无论如何我都不能让单选按钮水平显示。

Answer 1

您需要覆盖引导默认模板，并创建自己的标签定义类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"
    }
  ]
}