离子 4 中从服务调用页面的功能

Question

我知道我可以从我的页面模块调用函数到我的服务。 但是，如何从我的服务调用一个函数到我的页面模块？

我尝试将页面导入到我的服务中

import { MainPage } from '../../pages/game/main/main.page';

然后调用函数this.mainService.init();

但是我收到了一个错误

Circular dependency detected

Answer 1

在服务中：

  private mySubject = new Subject<any>();
  ob = this.mySubject.asObservable();

  serviceFn(value:any) {
    this.mySubject.next(value);
  }

在组件中：

constructor(private myService:MyService){}
  ngOnInit()
  {
    this.myService.ob.subscribe((result) => {
          this.foo(result);
        }
      );
  }

  foo(result:any)
  {
    //access result here
  }

现在，无论何时调用 myService.serviceFn(argValue)，都会执行组件中的函数 foo()。

Answer 2

您的服务包含在app.module.ts或page.module.ts等模块中的provider数组中，然后在服务文件constructor函数中调用this.mainService.init()函数

如果创建了服务实例，则调用您的 init 函数

app.module.ts或page.module.ts

  providers: [
        ...
        YourService
      ],