在头部组件的Angular 2中,我有一个注册按钮,如果点击它,就会打开一个模态对话框 . 我已经制定了方法和其他方法 . 在主页面中,如果我单击一个按钮(它的名称是继续),它是一个单独的组件,我希望当我单击 Headers 中的注册按钮时,该模式对话框正好打开 . 我对如何在另一个组件中使用组件的方法感到困惑?这是 Headers 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 回答
将主组件用作 parent 并将第二个组件作为 child 加载 . https://angular.io/guide/component-interaction
带按钮的父html
儿童HTML(可以是不同的孩子)