Ember JS：确定嵌套的组件

Question

在下面的例子中，我想知道是否有办法从父组件中知道嵌套在其中的子组件是什么？我试图只在子组件-1不存在时才在父组件中呈现某些内容？

{{#parent-component}}
    {{child-component-1}}
    {{child-component-2}}
{{/parent-component}}

Answer 1

这样做的一种方法是让孩子在父母身上注册，如下所示：

import ParentComponent from 'some/where/parent-component';

registerWithParent: Ember.on('didInsertElement', function() {
    let parent= this.nearestOfType(ParentComponent);
    if (parent) {
        parent.registerChild(this);
    }
}

然后，在ParentComponent中：

registerChild: function() {
    // do something to keep track of children
}