ember.js - 如何在 Ember.js 中创建一个生成单选按钮的组件？

Question

我可以并且应该将数组传递给 ember 中的组件吗？

例如，如果我想模板化一些带有标签的单选按钮:

<label for="media">Media</label><input type="radio" name="entry.1602323871" value="media" id="media" />
<label for="guest">Guest</label><input type="radio" name="entry.1602323871" value="guest" id="guest" />

我能否以某种方式传递一个包含此内容的数组并循环遍历它。

Media, media
Guest, guest

Answer 1

是的，您可以将任何内容传递给组件。试试单选按钮

//Basic radio Component
App.RadioButton = Ember.Component.extend({
  tagName : "input",
  type : "radio",
  attributeBindings : [ "name", "type", "value", "checked:checked" ],
  click : function() {
    this.set("selection", this.$().val());
  },
  checked : function() {
    return this.get("value") === this.get("selection");
  }.property('selection')
});
Em.Handlebars.helper('radio-button',App.RadioButton);

更新 (组件名称应该是虚线)

工作 Radio Demo