為什么 Angular 在使用服務時不更新變量或 Modal，但當我點擊頁面的某個地方時它可以工作

Question

當我使用服務更新我的模態或變量時，它不起作用或沒有錯誤，但是當我單擊頁面上的某處時它正在工作。 請告訴我解決方法。

注：[我也提供系列]

代碼

  orderDetailById:  OrderDetail[];
     loadAllOrderDetail(id) {  
         this.orderService.getOrderDetail(id).subscribe(res=>{
                this.orderDetailById = res as OrderDetail[];
                console.log(this.orderDetailById);
            });
      }

但是當我這樣使用時，它的工作原理是：

  orderDetailById:  Observable<OrderDetail[]>;

但是 Observable 沒有像 (length, every) 等功能，首先檢查附件。

另請參閱此僅 00:11 秒的視頻。 https://youtu.be/sCuMxsp-d4w

Answer 1

在構造函數中注入 ChangeDetectorRef

constructor(
    ...
    private cd: ChangeDetectorRef,
    ...
)

然后將其與檢測更改一起使用

loadAllOrderDetail(id) {
    this.orderService.getOrderDetail(id).subscribe(res => {
        this.orderDetailById = res as OrderDetail[];
        console.log(this.orderDetailById);
        this.cd.detectChanges();
    });
}

我很確定這會對您有所幫助，但您需要了解原因。 也許你改變了檢測策略