主题订阅中的值更改未触发 NgIf

Question

在 Subject scubrsciption 中更改值时不会触发 NgIf。 控制台为 responseState 打印正确的所需值。 responseStateSubject 是通过其他组件的输入给出的。 我已经用 NgOnChanges 实现了它，但这对我来说太过分了。

组件代码：

   @Input() responseStateSubject: Subject<RequestResponseState>;
        
   ngOnInit(): void {
             
    
   this.responseStateSubject.subscribe((x) => {
        //****  This is the relevant part, it does set the  property and prints the corresponding value. *//
    
                this.responseState = x as RequestResponseState;
                console.log(this.responseState);
    
        //****//
                if (x != undefined && x != null) {
                  this.mainWrapper.nativeElement.classList.add("open-main-wrapper");
                  if (x.requestEnum != this.requestResultBaseEnum.Loading) {
                    this.utilsS.scrollElementIntoView("response-main-wrapper");
                  }
                } else {
                  if (this.mainWrapper != null) {
                    this.mainWrapper.nativeElement.classList.remove(
                      "open-main-wrapper"
                    );
                  }
                }
              });
    }

组件html：

<div #mainWrapper id="response-main-wrapper" class="flex-center">
  <div
    *ngIf="responseState != null && responseState != undefined"
    id="message-main-container"
  >
    <hr class="grey-hr" />
</div>
</div>

Answer 1

使用 ChangeDetectorRef 的 detectChanges() 方法为我解决了这个问题。