Angular 5 - 从父组件调用子组件的函数答案

【问题标题】：Angular 5 - Call function of child component from parent componentAngular 5 - 从父组件调用子组件的函数
【发布时间】：2018-07-01 06:39:23
【问题描述】：

我有一个小问题：

在我的父组件中，我有相同的子组件被调用了 3 次。

<div>

   <App-child></App-child>

   <App-child></App-child>

   <App-child></App-child>

<div>

在我的父组件中，我想调用一个位于 2 号子组件中的函数。（该函数位于 3 个子组件中，因为它们都是相同的，我该如何具体调用孩子 2)

【问题讨论】：

【解决方案1】：

给你的组件一个局部变量

<div>

   <App-child></App-child>

   <App-child #theChosenOne></App-child>

   <App-child></App-child>

<div>

在你的打字稿中得到它

@ViewChild('theChosenOne') theChosenOne: ChildComponent;

您现在可以随心所欲地调用它：

ngOnInit() { this.theChosenOne.guideUsThroughTheRedSea(); }

【讨论】：

感谢您的超级快速回答。孩子们是动态调用的，所以我不能将#theChosenOne 分配给他们
然后在他们的容器上使用@ViewChildren！
非常抱歉，我无法实现，请问可以举个例子吗？
好吧，我现在正在打电话，所以它会是……this tutorial might help you though
@Jim 我很懒，沙发土豆 POS。更严重的是，我在 SOF 上 99% 的时间都在处理最新问题，我很少跟进超过 1 天的问题，除非我收到通知（同样，我现在会这样做，但你猜怎么着，我在沙发上看路西法，所以我又在打电话了）