Изменение значения наблюдаемого с помощью ручки

Question

В настоящее время я работаю с Storybook и Angular. Я не могу изменить значение Observable в одном из моих компонентов. В сборнике рассказов ничего не появляется.

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

Моя история:

stories.add('Loader', () => {
  return {
    template: `
      <rpg-loader>
      </rpg-loader>
    `,
    props: {
      isLoading$: boolean('isLoading$', of(true))
    }
  };
});

Мой компонент:

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: 'rpg-loader',
  templateUrl: './loader.html',
  styleUrls: ['./loader.scss']
})
export class LoaderComponent implements OnInit {
  isLoading$: Observable<boolean>;

  constructor(
    private loadingProvider: LoadingProvider
  ) { }

  ngOnInit() {
    this.isLoading$ = this.loadingProvider.getLoadingState();
  }
}

Я ожидаю, что сборник рассказов покажет мне фактический компонент и что я могу переключить его с помощью ручки, но там ничего нет.