Ember将在父组件内创建的属性传递给子组件

Question

在我的Ember应用程序中，我有一个属性，我在父组件的init()方法内创建了一个属性。我想把它传递给孩子。

// app/component/parent.js 
import Ember from 'ember'; 
import ParentProperty from 'somewhere'; 

export default Ember.Component.extend({ 
    init() { 
     this._super(...arguments); 
     let model = this.get('model'); 
     let moreData = this.get('moreData'); 
     this.parentProperty = new ParentProperty(model, moreData); 
    } 

    click(e) { 
     this.get('moreData').doSomthing(); 
    } 
}); 

// app/component/application.hbs 
{{#parent model=model moreData=moreData}} 
    // Here, I want to pass the `parentProperty` created 
    // in the init of the parent component. 
    {{child parentProperty=parent.parentProperty}} 
{{/parent}} 

我知道我可以使用{{with}}助手创建ParentProperty，包裹父母和孩子，并把它传递到他们两个，但是这不是我想做的事情。这可能吗？

Answer 1

正如@Lux建议的那样，我可以使用yield helper来实现这一点。

// app/component/parent.js 
import Ember from 'ember'; 
import ParentProperty from 'somewhere'; 

export default Ember.Component.extend({ 
    init() { 
     this._super(...arguments); 
     let model = this.get('model'); 
     let moreData = this.get('moreData'); 
     this.parentProperty = new ParentProperty(model, moreData); 
    } 

    click(e) { 
     this.get('moreData').doSomthing(); 
    } 
}); 

// app/component/parent.hbs 
{{yield parentProperty}} 

// app/component/application.hbs 
{{#parent model=model moreData=moreData as |parentProperty|}} 
    {{child parentProperty=parentProperty}} 
{{/parent}}