javascript - 从另一个组件调用 App.component.ts 方法

Question

我在 app.component.ts 类上有一个“signup”方法，该方法是从 app.component.html 文件上的“Sign up”链接调用的。它在内部调用一个服务类并在其中进行更多登录。

html:

<a (click)="signup($event)">Sign up</a>

ts:

export class AppComponent implements OnInit, OnDestroy {
       signup(e: any) {
            this.service.signup();
       }

}

还有另一个 html/component 文件具有相同的注册链接。是否可以直接从 html/component 文件调用 AppComponent 的注册方法？

Answer 1

您可以在以下条件下调用一个组件方法/函数

• 两个组件应该位于相同的 DOM 中，这意味着两者都有父子关系。
• 您可以在其他组件之间共享主组件
• 提供共享服务。
• 订阅任何属性/值更改的事件。事件发射器。

最好使用共享服务来满足您的需求，其中通用功能集中在一起。