代码之家 › 专栏 › 技术社区 › Neekoy

RXJS ReplaySubject未更新角度区域

rxjs angular

Neekoy · 技术社区 · 6 年前

我有一个replaySubject变量正在服务上更新,组件正确地获取了新的值,但是它似乎没有更新视图(HTML中的绑定保持为空,即使变量已正确更新)。

服务:

export class ExampleService {
  myVariable;

  constructor(private http: HttpClient, private userModel: UserModel) { 
    this.myVariable = new ReplaySubject(1);

    this.getApiRoot(`/api/endpoint`)
    .subscribe(
      data => { 
        this.myVariable.next(data);
      },
      err => { 
        console.log(`Database connection error: ${err}`);
      },
      () => { }
    );
  }
}

组件:

导入example service自'。/example.service'; 导出类MyComponent实现OnInit{

valueOnFrontend: string;

constructor(exampleService: ExampleService) {};

ngOnInit() {
    this.exampleService.myVariable.subscribe(
    function(value) {
        console.log(this.valueOnFrontend);
        this.valueOnFrontend = value;
    },
    function(error) {
        console.log(err);
    },
    function() {
        console.log("Request completed.");
    }

) } }

和HTML ExampleService 如下所示:

{{ valueOnFrontend }}

因此,该值在服务中被正确地更新,然后被正确地发送到组件, console.log 在组件中记录新值,但是HTML绑定没有得到更新。

我读到RXJS在它自己的区域中运行,而角区域不知道其中的更新。如何修复此问题,并在HTML中获取要更新的值?

谢谢。:p

2 回复 | 直到 6 年前

Lucho 6 年前

组件中的subscribe回调应该使用fat箭头来确定正确的作用域

this.exampleService.myVariable.subscribe( 
  (value: any) => { 
    console.log(this.valueOnFrontend);
    this.valueOnFrontend = value; 
  }, 
  (error: any) => { 
    console.log(err); 
  }, () => { 
    console.log("Request completed."); 
  }
);

conpile 6 年前

你可以选择进入观察点吗? exampleService.myVariable 通过模板中的异步管道而不订阅后面的代码?比如:

{{exampleService?.myVariable | async}}

推荐文章

Fahad Subzwari · 我不能用rxjs过滤器过滤记录?

2 年前

Fazla Elahi Md Jubayer · 在rxjs中使用管道内的两个concatmap时,如何提取订阅块内的结果

2 年前

Irakli · 我想以角度显示id相似的数据

2 年前

Akash · 当BehaviorSubject发出两次真值时,使ngOnChange被激发

6 年前

Shamshiel · 将rxjs升级到6后,类型“Observable”上不存在属性“map”

6 年前

Corey Cole Roberto Tyley · 使用RxJS 6。x WebSocketSubject客户端

6 年前

gog · 如何观察rxjs中的属性更改?

6 年前

jesdynf · 在继续之前,如何使角度拦截器延迟?

6 年前

Sean Ivins · 角度2+HttpIntercept:在返回intercept函数之前,等待来自服务器的令牌

6 年前

Kevin Kalitowski · RxJs 6:从Observable获取ConnectableObservable

6 年前