javascript - 将当前路由活动 ID 传递给组件

Question

我用组件做了几件事，它们绝对很棒，但现在我遇到了一个我似乎无法解决的小问题，谷歌只返回模糊的答案，因为这一切都很新。

我想传入已选择的当前活动控制器/模型的 ID。

由于该组件与应用程序的其余部分隔离，因此标准的使用方式controllerFor似乎不起作用。

我可以使用 将整数传递给我的组件ApplicationController，但我似乎找不到传递当前 id 的方法。我做了一个丑陋的解决方法来解析当前的 url 并拆分/，但这不是 ember 方式。我应该如何处理这个？

Answer 1

请看看这个小提琴是否解决了您的问题。我认为正确的方法是为组件创建绑定。

http://jsfiddle.net/ahaurw01/CB2WS/1/

该方法的本质是具有如下所示的组件：

<script type="text/x-handlebars" data-template-name="components/my-comp">
  The id is {{id}}.
</script>

并以这种方式使用它：

<script type="text/x-handlebars" data-template-name="thing">
  {{my-comp id=model.id}}
</script>

每个model属性都存在ObjectController，您可以绑定到模型的 id。