meteor - 如何在 autoform meteorJS 中实现单选按钮

Question

架构

 Color : {
optional: true,
autoform: {
  type: "select-radio",
  options: function () {
    return [
      {label: "orange", value: orange},
      {label: "blue", value: blue},
      {label: "red", value: red}
    ];
  }
}

}

HTML页面：

{{> afFormGroup name="Color" type="select-radio" options=options}}

复选框按钮不显示，我做错了什么？

Answer 1

您还需要一个模式字段的类型。不仅仅是自动表单字段。尝试这个：

Color: {
    optional: true,
    type: String,
    autoform: {
        type: "select-radio",
        options: function() {
            return [{
                label: "orange",
                value: orange
            }, {
                label: "blue",
                value: blue
            }, {
                label: "red",
                value: red
            }];
        }
    }
}

Answer 2

您的 html 助手是错误的。实现这一目标的正确方法是

{{> afFormGroup name="Color" type="select-radio" }}

请注意，我刚刚从您的原始代码中删除了“options=options”

{{> afFormGroup name="Color" type="select-radio" options=options}}

Answer 3

如果您想节省一些打字，另一种选择是这样做（请原谅咖啡脚本）

color:
  type: String
  allowedValues: ['Red', 'Blue', 'Orange']
  autoform:
    type: 'select-radio'