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

Javascript 从另一个组件调用App.component.ts方法,javascript,angular,typescript,Javascript,Angular,Typescript,我在app.component.ts类上有一个“signup”方法,它是从app.component.html文件的“signup”链接调用的。它在内部调用一个服务类,并在其中进行更多的登录 html: 还有另一个html/组件文件具有相同的注册链接。是否可以直接从html/组件文件调用AppComponent的注册方法?您可以在以下条件下调用一个组件方法/函数 这两个组件应该在同一个DOM中,这意味着它们都具有父子关系 您可以跨其他组件共享主组件 共享服务 对任何属性/值更改记录事件。事件发

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

html:


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

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

  • 这两个组件应该在同一个DOM中,这意味着它们都具有父子关系
  • 您可以跨其他组件共享主组件
  • 共享服务
  • 对任何属性/值更改记录事件。事件发射器

最好对您的需求使用共享服务,因为公共功能都在一起。

使用可观察的,在
AppComponent
中订阅,并从其他组件发出事件。感谢您的快速回复。你有一个示例代码吗?(我是A2新手)谢谢-另一个组件直接从路由组件访问(即,它没有选择器)。它还能用吗?它还能用。共享服务在任何方面都不依赖选择器。
<a (click)="signup($event)">Sign up</a>
export class AppComponent implements OnInit, OnDestroy {
       signup(e: any) {
            this.service.signup();
       }

}