在 JS 文件中抓取 Ember 组件的内容

Question

假设我有一个 Ember 组件“blah”，我在我的模板中像这样使用它

{{#blah}}
  some content
{{/blah}}

我知道只要组件的 hbs 文件中有 {{yield}}，就会呈现“一些内容”。但是有没有办法在组件的 js 文件中将“一些内容”作为字符串抓取？例如

App.BlahComponent = Ember.Component.extend({
  render: function(buffer) {
    var someContent = ???
  }
});

更新

只是为了澄清我想要做什么。我想创建一个列表视图组件。像这样的

{{#list-view}}
  <div> html for list item </div>
  <div> html for form </div>
{{/list-view}}

列表视图呈现多个列表项。当您单击列表项时，将显示表单。所有列表项的表单都相同，但绑定到当前列表项的模型。上面的 html 是模板的一部分，它是在服务器上生成的，同一个模板中可能有多个列表视图。 我要做的是获取组件渲染方法中 {{#}}{{/}} 标记之间的内容，对其进行解析并手动渲染列表视图。

Answer 1

您无法在模板中获取文本，除非您想破解它。

传递一个属性。

App.IndexController = Ember.Controller.extend({
  someContent: function() {
    return 'Lorem ipsum dolor sit amet.';
  }.property()
});    

<!-- in index template -->
{{#blah someContent=someContent}}
  {{someContent}}
{{/blah}}   

App.BlahComponent = Ember.Component.extend({
  render: function(someContent) {
    var someContent = this.get('someContent');
  }
});