Почему Angular не обновляет переменную или модал при использовании сервисов, а работает, когда я нажимаю где-то на странице

Question

Когда я обновляю свой модальный или переменный с помощью сервисов, он не работает или не возникает ошибки, но когда я нажимаю где-то на странице, он работает. Пожалуйста, сообщите мне решение.

Примечание: [Я также предоставляю серию]

Код

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

, но когда я использовал это, он работает :

  orderDetailById:  Observable<OrderDetail[]>;

, но наблюдаемые не имеют функции, например (длина, каждая) и т. Д. c и т. Д. Сначала проверьте приложение.

Также смотрите это видео 00:11 c. 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();
    });
}

Я почти уверен, что это поможет вам, но вы должны понять, почему. Может быть, вы изменили стратегию обнаружения