Angular 5 - 来自父组件的子组件的调用函数

Question

我有一个小问题：

在我的父组件中，我有三次相同的子组件。

<div>

   <App-child></App-child>

   <App-child></App-child>

   <App-child></App-child>

<div>

在我的父组件中，我想调用子号为2的函数。（该函数在3个子组件中，因为它们都是相同的，我怎么能特别调用那个中的那个。孩子2）

Answer 1

为您的组件提供局部变量

<div>

   <App-child></App-child>

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

   <App-child></App-child>

<div>

在你的打字稿中找到它

@ViewChild('theChosenOne') theChosenOne: ChildComponent;

您现在可以随意调用它：

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