Angular 2使功能在ng-content中可用

Question

我有一个带有这样的模板的下拉列表：

contentToggle()

我希望能够在ng-content中使用rbind，以便我可以使用其他元素来关闭下拉列表，例如我可能想要一个关闭按钮...最好的方法是什么？

Answer 1

这样可以解决问题：

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

您只需将一个本地模板变量分配给组件，即可访问组件中的所有内容。包括您要呼叫的功能。

请注意，您应该/还需要将select位更改为：

<ng-content select="[dropdownTrigger]"></ng-content>
<ng-content select="[dropdownContent]"></ng-content>

Answer 2

Angular允许你做这个技巧，例如：

TIME_ZONE='America/New_York'

如果您想回复此活动，我建议您阅读Output Decorator