Javascript 角度:当新数据来自observable时重新加载html块

Javascript 角度:当新数据来自observable时重新加载html块,javascript,angular,typescript,rxjs,Javascript,Angular,Typescript,Rxjs,在我的angular应用程序下,我有一个组件视图: component.html: 建议???您可以使用ReplaySubject(2)存储新旧值,如果不同,您可以比较和加载这些值 然后只需使用this.myservice.mySubject而不是模板中的MY_变量。如果您需要它的值,只需在那里使用as 如果this.myservice.mySubject应该在某个时候调用(不总是)。然后可以使用Subject而不是MY\u变量 MY_变量$=新主题(); getData(){ this.m

在我的angular应用程序下,我有一个组件视图:

component.html:


建议???

您可以使用ReplaySubject(2)存储新旧值,如果不同,您可以比较和加载这些值

然后只需使用
this.myservice.mySubject
而不是模板中的
MY_变量
。如果您需要它的值,只需在那里使用
as


如果
this.myservice.mySubject
应该在某个时候调用(不总是)。然后可以使用
Subject
而不是
MY\u变量

MY_变量$=新主题();
getData(){
this.myservice.mySubject.subscribe((数据)=>{
this.MY_变量$.next(数据);
});
}
模板中的内容与上面相同,但使用了
MY\u变量$

    <div *ngIf="MY_VARIABLE==1" class="ScrollStyle2">
      <div style="display: none;">
        <app-button-config-file [dataPtfName]="nouveau_data"></app-button-config-file>
      </div>
      <div class="container-fluid">
        <div class="row">
          <div *ngFor="let content of datasalle.PTF_CONTENT">
            <div class=" col-sm-6"  *ngIf="content.VERSION.includes(strVersion)">
              <app-cards [content]="content" [dataPtf]="nouveau_data"></app-cards>
            </div>
          </div>
        </div>
      </div>
    </div>
getData(){
this.myservice.mySubject.susbscribe((data) => {

  this.MY_VARIABLE = data
})
}