Использование наблюдаемого свойства ngxs в шаблоне

Question

Я только начал использовать Angular 6, поэтому заранее прошу прощения за, возможно, очень простой вопрос.Я также только начал изучать использование ngxs для управления состоянием.

У меня есть свойство @Select Observable из моего состояния в моем компоненте.

@Select(HomeState.isLoading) isLoading$: Observable<boolean>;

Мой вопростакое, как на самом деле использовать isLoading в шаблоне компонента?Какова общая схема использования наблюдаемых свойств состояния в шаблоне?Должен ли я подписаться на наблюдаемое и сопоставить значение другому свойству в компоненте, или есть ли способ использовать наблюдаемое в шаблоне?

Конечно, если бы это было просто booleanЯ мог бы использовать это как *ngIf="isLoading" в шаблоне.

Answer 1

Идея использования observables состоит в том, чтобы разрешить угловое управление подпиской с помощью канала «async» в шаблоне, в противном случае, если вы сделаете это самостоятельно в какой-то момент, вам потребуется управлять всеми подписками, отписавшись от наблюдаемой, когда компонент уничтожен. В приведенном вами примере переменная isLoading может использоваться в шаблоне для отображения или скрытия части вашего компонента, например:

<div *ngIf="isLoading$ | async">show loader</div>

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