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

Question

在 Angular 2 的标题组件中，我有一个注册按钮，如果单击它，则会打开一个模式对话框。我已经做了它的方法和其他的东西。在主页中，如果我单击一个按钮（它的名称是继续），它是一个单独的组件，我希望当我单击标题中的注册按钮时，该模态对话框完全打开。 我对如何在另一个组件中使用组件的方法感到困惑？ 这是标题 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（可以是不同的子）