在ember js中选择新的下拉列表

Question

我是Ember.js的新手，我现在还在弄清楚我正在做的应用程序的最佳效果。

所以我现在有一个使用select标签和#each标签的​​下拉列表：

{{#x-select action="someAction" value=some.value}}
      <option value="" disabled="disabled" selected="selected">Select category</option>
        {{#each cate in categori }}
          {{#x-option value=cate.id}}
            {{cate.name}}
          {{/x-option}}
        {{/each}}
      {{/x-select}}

我希望这部分可以重复使用并重新填充，以便它可以复制到无限选择中，就像我选择了下拉列表后，它会显示我的选择并再次显示下一个下拉菜单，以显示是否有与之前下拉列表相关的任何选项，所以我可能会有2个，3个或更多的下拉菜单，具体取决于它有多少个孩子但仅使用这一个选择标记，并且所有数据都取决于API。

Answer 1

是的，当然可以。这就是我们说“组件”的原因。

查看ember-form-for，ember-one-way-controls和ember-bootstrap插件的选择组件。您可以为选择的组件提供类似的API。

也可以使用这些插件，而不是重新发明轮子。我们在项目中使用了ember-bootstrap个插件。 （我们使用了ember-form-for，但我们将在不久的将来停止使用它，因为我们需要更多自定义。）