如何在另一个角组件2中使用一个组件的方法？

Question

在Angular 2的标题组件中，我有一个注册按钮，如果单击它，则会打开一个模式对话框。 我已经提出了它的方法和其他东西。 在主页中，如果我单击一个按钮（它的名称是continue），它是一个单独的组件。我希望当我单击标题中的注册按钮时，完全打开该模式对话框。 我对如何在另一个组件中使用一个组件的方法感到困惑？ 这是标题html和ts：

<a class="button" type="button" (click)="showDialog()" >sign up</a>
showDialog() {
this.display = true; }

这是按钮在另一个组件中的使用：

<button [disabled]="!propertyForm.form.valid"
                      (click)="onSubmit($event)" type="submit">continue</button>

感谢您以简单，最简单的方式提供帮助。

Answer 1

将主要组件用作父组件，并将第二个组件作为子组件加载。 https://angular.io/guide/component-interaction

父HTML与您的按钮

---

子HTML（可以是其他子）