javascript - 通过service修改组件的变量值

Question

我的应用程序中有一个名为 CustomerListComponent 的组组件，其中有一个名为 isEligibleForBenefits 的 bool 变量，默认为 false > 初始化时。

现在，我需要在我的一项服务中调用 REST 调用，并且在该调用成功时我需要执行此 isEligibleForBenefits > 变量为 true。

这里的问题是，从允许的服务中操纵组组件的值？如果可以，如何实现？

有人可以帮忙吗？

Answer 1

好的，我简短地回答你:

在您将进行 api 调用的服务中:

import {Subject} from 'rxjs/Subject';


export class yourService {
     private messageSubject:Subject<boolean> = new Subject();

     public getMessageSubject():Subject<boolean>{
            return this.messageSubject:Subject;
     }


    private callApi(){
         http.whatEver.map(() => { this.messageSubject.next(true);})
    }
}

在您的组件中:

export class yourComponent{
   constructor(private service:yourService){
      this.service.getMessageSubject.subscribe((value:boolean) => {
            this.isEligibleForBenefits = true; // or = value;
      });
   }
}