Javascript 指定余烬组件的目标操作

我有一个组件正在包装由另一个模板定义的内容。我希望对模板执行一个操作，以触发周围组件中的一个方法。这可能吗

这是我的模板。请注意，为了简洁起见，将其缩短

{{#drop-down}}
    <div class="menu-selector clickable" {{action "toggleDropdown"}}>
    </div>
{{/drop-down}}

---

我可以验证组件中的所有其他内容是否正常工作。如果我在加载此模板的组件中放置该操作，它将正常工作。但这不是我想要的地方。

所以您希望向特定组件发送操作。注意

组件是一个自定义HTML标记，您可以使用JavaScript实现其行为，并使用Handlebar模板描述其外观。它们允许您创建可以简化应用程序模板的可重用控件

及

组件是一个完全隔离的视图

您可能在这里使用了错误的工具。您应该使用自定义视图

App.DropdownView = Ember.View.extend
   showDropdown: false
   elemendId: 'dropdown' 

    actions:
        toggleDropdown: ->
            @toggleProperty 'showDropdown'
            return; 

{{#view 'dropdown'}}
<div>
   <div class="menu-selector clickable" {{action "toggleDropdown"}}>
</div>
{{/view}}

演示：

App.DropdownView = Ember.View.extend
   showDropdown: false
   elemendId: 'dropdown' 

    actions:
        toggleDropdown: ->
            @toggleProperty 'showDropdown'
            return; 

{{#view 'dropdown'}}
<div>
   <div class="menu-selector clickable" {{action "toggleDropdown"}}>
</div>
{{/view}}

Ember.View.views.dropdown.send('toggleDropdown');