Question

我正在创建一个显示CRUD表的Ember.Component。由于组件应该是可重用的，因此需要大量配置，例如要显示的列，分页选项等等。

目前我正在使用把手插入组件：

<div class="some-div">
    {{power-table items=this.model columns='...'}}
</div>

我不想使用这种插入组件的好方法。但是，真的可以在这里广泛配置组件，是吗？我发现它甚至不可能将对象作为参数传递，例如以下是不可能的：

<div class="some-div">
    {{power-table items=this.model columns=[id, name, foo, bar] }}
</div>

我应该如何以及在何处配置组件？

Answer 1

你能做的就是不要在车把上设置列= [id，name，foo，bar]，而不是这样：

<div class="some-div">
{{power-table items=this.model columns=[id, name, foo, bar] }}
</div>

您可以在控制器中为手柄模板设置columns属性，并在手柄文件中使用属性的名称。因此，所有逻辑都来自控制器，并且车把只会告诉组件中可以访问哪个属性以及名称。因此封闭模板的控制器将是重新配置组件的最佳位置。有关详细信息，请查看以下页面： http://emberjs.com/guides/components/passing-properties-to-a-component/ 我不确定我是否理解你的问题。

如何广泛配置Ember.Component

1 个答案: