html - 使用服务在组件之间共享数据 - IONIC 2、Angular 2

Question

有没有办法使用方法将数据 {{error.value}} 发送到另一个页面？

这是我的代码

<ion-row *ngFor="let errors of adp_principal_menuRS">
          <ion-col class="info-col" col-4>
            <button ion-button color="primary" small (click)="goToErrors(errors.event)">
              {{errors.event}}
            </button>
          </ion-col>
</ion-row>

goToErrors(menu: string){
    console.log(menu);
    this.navCtrl.push(AdpDetailPage, {

    });
  }

我想在 goToErrors() 方法中将 {{errors.event}} 值发送到另一个页面。

谢谢!

编辑:我只是实现了我想要的。我编辑了代码

Answer 1

可以通过服务在组件之间使用 BehaviorSubject 共享数据。 这是一个例子:

// service.ts
import { BehaviorSubject } from 'rxjs/BehaviorSubject';

@Injectable()
export class ShareService {
    private errorSource = new BehaviorSubject<any>(null);
    error$ = this.errorSource.asObservable();

    setError(error: any){
        this.errorSource.next(error);
    }

在父组件中使用setError方法设置error事件，并在error中订阅error组件。

  // error component.ts
  constructor(share: ShareService) {
        share.error$.subscribe(Err => this.error = Err);