{"id":1255,"date":"2023-07-28T05:00:00","date_gmt":"2023-07-28T12:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=1255"},"modified":"2023-07-27T14:45:28","modified_gmt":"2023-07-27T21:45:28","slug":"combining-multiple-observables-with-ngrxlet","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/combining-multiple-observables-with-ngrxlet\/","title":{"rendered":"Combining multiple Observables with ngrxLet"},"content":{"rendered":"\n

Last month, I explained how to use ngrxLet<\/code> to render a loading template<\/a>. Earlier this year, I also covered how ngrxLet<\/code> can be a great alternative to the async<\/code> pipe<\/a>. All in all, ngrxLet<\/a><\/code> is a fantastic directive that keeps improving.<\/p>\n\n\n\n

For instance, we can also use it to combine multiple different Observables into one local variable as follows:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Without ngrxLet<\/code>, the equivalent code would have to use the async <\/code>pipe syntax trick<\/a> covered last week:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

This also works, but it’s more verbose and has the downside of using ngIf, which is present only because we need a structural directive to enable the local variable assignment micro-syntax<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Last month, I explained how to use ngrxLet to render a loading template. Earlier this year, I also covered how ngrxLet can be a great alternative to the async pipe. All in all, ngrxLet is a fantastic directive that keeps improving. For instance, we can also use it to combine multiple different Observables into one […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,11,18,10,7],"tags":[],"class_list":["post-1255","post","type-post","status-publish","format-standard","hentry","category-angular","category-directives","category-ngrx","category-rxjs","category-template-syntax"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t