Question

我有一个更高级别的通用组件，子组件将实现一个接口。

我需要将子组件的句柄放到更高级别的父组件中。在下面的代码片段中，我尝试使用@viewChild将#contentComponent引用到父组件（您查看父组件的html）。

我还尝试在div上使用一个elementRef ng-content并查看孩子们。我找到了ng-content的组件div，但我不知道如何将其转换为组件的引用。

＆＃13;

<div style="width: 100%">
  <paper-card [heading]="documentIndex.name" class="mix-browser-container">
    <div>
      <ng-content #contentComponent></ng-content>
    </div>
    <div>
      <paginator #paginator [documentIndex]="documentIndex"></paginator>
    </div>
  </paper-card>
</div>

＆＃13;

Answer 1

@viewChild

要访问<ng-content>代码，您需要使用ContentChild。

https://angular.io/docs/ts/latest/api/core/index/ContentChild-decorator.html

Angular - 获取父级中ng-content组件的句柄

1 个答案: