文章/答案/技术大牛

发布

社区首页 >问答首页 >调用其父组件中<ng-content>内部的组件的方法。

问调用其父组件中<ng-content>内部的组件的方法。
EN

Stack Overflow用户

提问于 2017-04-03 13:11:31

回答 1查看 1.3K关注 0票数 0

首先是普朗克

本质上，我有一个动态的选项卡控件。将有任意数量的选项卡，每个选项卡将包含从这个“延迟加载”组件继承的组件。我希望实现的功能是，当用户单击该选项卡时，它将从选项卡中包含的任何组件中调用“loadData”。

我尝试使用@ViewChild或@ContentChild访问子组件，但我尝试的任何操作似乎都不起作用。

选项卡的模板是：

<div [hidden]="!active" class="pane">
  <ng-content></ng-content>
</div>

在选项卡组件中属性'active‘的setter上，我希望调用元素中持有的任何组件的.loadData()方法。这能实现吗？

angular

typescript

transclusion

回答 1

Stack Overflow用户

发布于 2017-04-03 13:30:46

对我来说很管用

  ngAfterContentInit() {
    if(this.component) {
      this.component.loadData();
    }
  }

  @ContentChild(DelayLoadComponent) component: DelayLoadComponent;

但是它不会延迟加载组件。

柱塞实例

也许您希望添加一个只在选项卡处于活动状态时将组件添加到DOM中的*ngIf。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43185568

复制

相似问题

问调用其父组件中<ng-content>内部的组件的方法。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问调用其父组件中<ng-content>内部的组件的方法。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问调用其父组件中<ng-content>内部的组件的方法。
EN