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

时间:2017-08-29 08:52:13

标签: angular

在头部组件中的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>

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

1 个答案:

答案 0 :(得分:0)

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

带有按钮的父html

儿童HTML(可以是不同的孩子)