Труба и выбор операторов в RxJS

Question

Мне интересно, одинаково ли ведут себя следующие два блока кода:

С конвейером (из оригинального ngrx sample ):

pending$ = this.store.pipe(select(fromAuth.selectLoginPagePending));
error$ = this.store.pipe(select(fromAuth.selectLoginPageError));

И без одного:

pending$ = this.store.select(fromAuth.selectLoginPagePending);
error$ = this.store.select(fromAuth.selectLoginPageError);

Я проверял оба и не заметил никакой явной разницы.

Мысли?

Answer 1

Они оба делают одно и то же. Внутри функция store.select вызывает оператор select.

Answer 2

Да, вы правы. И

pending$ = this.store.pipe(select(fromAuth.selectLoginPagePending));
error$ = this.store.pipe(select(fromAuth.selectLoginPageError));

, и

pending$ = this.store.select(fromAuth.selectLoginPagePending);
error$ = this.store.select(fromAuth.selectLoginPageError);

выполняют одну и ту же функцию, которая заключается в получении среза состояния хранилища, как описано в документации NgRX для селекторов .

Однако утилита pipe() позволяет связывать селектор с конвейерными операторами RxJS , такими как scan() и filter(), что позволяет выполнять другие операции. такие как переходы между состояниями.