angularjs - 水平单选按钮

Question

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

任何建议，将不胜感激。

Answer 1

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

带有新模板的 jsbin

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