{"id":1856,"date":"2023-12-07T05:00:00","date_gmt":"2023-12-07T13:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=1856"},"modified":"2023-12-06T14:41:53","modified_gmt":"2023-12-06T22:41:53","slug":"local-variables-and-the-new-block-syntax","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/local-variables-and-the-new-block-syntax\/","title":{"rendered":"Local variables and the new block syntax"},"content":{"rendered":"\n

Earlier this year, I mentioned how the async pipe can become much more useful<\/a> if we use a local variable instead of multiplying subscriptions to an Observable. In this example, we store the data we get from a subscription in the user<\/code> variable:<\/p>\n\n\n

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

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

While that syntax still works as is, you might want to use the new control flow syntax of Angular 17<\/a>. Fortunately for us, it is possible to use local variables as well using the following syntax:<\/p>\n\n\n

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

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

The only difference is the ;<\/code> in the middle of the expression.<\/p>\n","protected":false},"excerpt":{"rendered":"

Earlier this year, I mentioned how the async pipe can become much more useful if we use a local variable instead of multiplying subscriptions to an Observable. In this example, we store the data we get from a subscription in the user variable: While that syntax still works as is, you might want to use […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,7],"tags":[],"class_list":["post-1856","post","type-post","status-publish","format-standard","hentry","category-angular","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