離子 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
      ],