Почему комбинированные наблюдаемые не обновляют шаблон при использовании Subject или если они испускаются после ngAfterContentInit

Я определяю наблюдаемый объект (result$) в компоненте и отображаю его в его шаблоне через асинхронный канал. Наблюдаемый объект представляет собой комбинацию двух других наблюдаемых (первый $, второй $) через combLatest. Если один из наблюдаемых или оба излучаются слишком рано (до того, как я нашел ngAfterContentInit), результирующий наблюдаемый не будет излучать значение.

Компонент: не работает

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

result$: Observable<number>;
first$ = new Subject<number>();
second$ = new Subject<number>();

  constructor() {}

  ngOnInit(){
      this.result$ = combineLatest(
        this.first$,
        this.second$
      ).pipe(
        map(([first, second]) => {
          // This is not printed to the console
          console.info('combined obs emitted value');
          return first + second;
        })
      );
   console.info('first and second emit value');
   this.first$.next(2);
   this.second$.next(4);
  }

  ngAfterContentInit() {
      console.info('ngAfterContentInit');
  }
}

Порядок выполнения такой:

1.первое и второе значение излучения

2.ngAfterContentInit

Мое предположение здесь заключается в том, что в ngAfterViewInit шаблон был отрендерен и подписки были сделаны. Поскольку наблюдаемые выдают значение перед этим, компонент не уведомляется. Это может означать только то, что полученный наблюдаемый объект является холодным (поэтому вам необходимо подписаться, прежде чем он выдаст значение). 2 наблюдаемых являются субъектами, поэтому я предполагаю, что субъекты являются холодными наблюдаемыми. Это правильно?

Если я задержу выпуск first$ и second$, все работает: Компонент: first$ и second$ выпускаются позже @Компонент({ селектор: 'мое-приложение', Url-шаблона: './app.component.html', styleUrls: [ './app.component.css' ] }) экспортный класс AppComponent {

result$: Observable<number>;
first$ = new Subject<number>();
second$ = new Subject<number>();

  constructor() {}

  ngOnInit(){

      this.result$ = combineLatest(
        this.first$,
        this.second$
      ).pipe(
        map(([first, second]) => {
          console.info('combined obs emitted value');
          return first + second;
        })
      );

    // Solution 1: add timeout
    setTimeout(() => {
      console.info('first and second emit value');
      this.first$.next(2);
      this.second$.next(4);
    })

  }

  ngAfterContentInit() {
      console.info('ngAfterContentInit');
  }
}

Порядок сейчас такой:

1. нгафтерконтентинит

2. первое и второе значение эмиссии

3. комбинированное значение излучения наблюдений

Итак, опять же, это потому, что подписка сделана до того, как наблюдаемые выдают значение?

Если я изменю observables на BehaviorSubject, все тоже будет работать, даже если значения выдаются до того, как произойдет подписка. Означает ли это, что BehaviourSubjects являются горячими наблюдаемыми? Компонент: работает

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

result$: Observable<number>;
first$ = new BehaviorSubject<number>(0);
second$ = new BehaviorSubject<number>(0);

  constructor() {

  }

  ngOnInit(){

this.result$ = combineLatest(
        this.first$,
        this.second$
      ).pipe(
        map(([first, second]) => {
          // This is not printed to the console
          console.info('combined obs emitted value');
          return first + second;
        })
      );


  console.info('first and second emit value');
   this.first$.next(2);
   this.second$.next(4);


  }

  ngAfterContentInit() {
      console.info('ngAfterContentInit');
  }
}

Stackblitz