Javascript 角度2使功能在ng内容中可用

我有一个下拉列表，模板如下：

<div class="dropdown-trigger" (click)="contentToggle()">
     <ng-content select="dropdown-trigger"></ng-content>
</div>
<div class="dropdown-content" *ngIf="showContent">
     <ng-content select="dropdown-content"></ng-content>
</div>

---

我希望能够在我放入

ng content

的任何内容中使用

contentToggle（）

，以便可以使用其他元素来关闭下拉列表，例如，我可能需要一个关闭按钮。。。最好的方法是什么

Angular允许您执行此技巧，例如：

import { Component } from '@angular/core'

@Component(){...}
export class DropdownComponent {
   toggleDropdown() {...}
}

//parent.component.html
<dropdown-content #myDropdown>
  <a (click)="myDropdown.toggleDropdown()">Close the dropdown</a>
</dropdown-content>

从'@angular/core'导入{Component}
@组件（）{…}
导出类下拉组件{
toggleDropdown（）{…}
}
//parent.component.html
这将实现以下目的：

<dropdown #dropdown>
  <button dropdownTrigger (click)="dropdown.toggleDropdown()">Click me</button>
</dropdown>

你想做的是什么。照原样解释unclear@Aravind添加了更多细节，够了吗？默认情况下，这是由引导处理的。@Aravind我没有使用引导创建plunker，我将修复它！谢谢
<ng-content select="[dropdownTrigger]"></ng-content>
<ng-content select="[dropdownContent]"></ng-content>