Ember:设置嵌套组件的元素id

时间:2014-01-15 21:39:57

标签: javascript templates ember.js

我有一个Ember.Component,用于包装其他内容。这是我的模板。

# index.hbs:
   {{render "wrapped"}}

# wrapped.hbs:
   {{#outside-thing}}
     <p>I go inside</p>
   {{/outside-thing}}

# components/outside-thing.hbs:
   <p>I'm on top</p>
   {{yield}}
   <p>I'm on bottom</p>

由于outside-thing是一个组件,它将获得自己的div。非常好。问题是,我希望能够从id模板设置该div的index.hbs。例如:

# index.hbs:
   {{render "wrapped" outerId='wrapper-div-id'}}

# wrapped.hbs:
   {{#outside-thing id=outerId}}
     <p>I go inside</p>
   {{/outside-thing}}

# components/outside-thing.hbs:
   <p>I'm on top</p>
   {{yield}}
   <p>I'm on bottom</p>

除了以上不起作用。那么,这可能吗?请注意,我不在乎是否必须使用与render不同的帮助程序(例如view正常)。

这是一个可以玩的JSBin:http://jsbin.com/ucanam/3182/edit

1 个答案:

答案 0 :(得分:0)

编辑:实际上,我认为您无法将属性传递给渲染手柄助手。这似乎有点奇怪,但是......