如果单击父路径中的按钮，如何在子组件中执行操作

Question

我正在使用角度4.我的应用程序中有父路径和子路径。

在父母方面，我有2个按钮 - ＆gt; '添加'＆amp; '删除'。

我想在父路线中点击“添加”按钮时调用我的子组件的功能。我不知道如何实现这个。

任何帮助都将不胜感激。

Answer 1

您可以简单地使用模板变量。

// child.component.ts
@Component({ selector: 'child', template: '...' })
export class ChildComponent {
    public someFunctionToCall() {...}
}

// parent.component.html
<div>
   <child #childComponentRef></child>

   <button (click)="childComponentRef.someFunctionToCall()">Add</button>
</div>