When we need to initialize an application with server data (environment variables, for instance), we can use Angular’s Angular 19 introduced a new syntax for this feature. This function must be called in the array of providers of your app bootstrap as follows:<\/p>\n\n\n <\/p>\n\n\n\n You can return an Another interesting feature expanded in recent versions is the ability to pass data to components using the router. I wrote about router state<\/a> and how to use resolvers<\/a> in the past, and even how to map router data to component inputs<\/a>.<\/p>\n\n\n\n With Angular 19, we can pass data to a <\/p>\n\n\n\n One question to ponder this week:<\/strong><\/p>\n\n\n\n How do you pass data to your routed components? Do you use any of the features described above or just inject services in the routed component? Is there anything you could improve in your architecture using these tools?<\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" I\u2019m posting a few essential articles to revisit, updates to know about, and one question to ponder this week: Three articles to revisit and associated updates with Angular 19 When we need to initialize an application with server data (environment variables, for instance), we can use Angular’s APP_INITIALIZER. For more information, revisit this tutorial about […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,21,25],"tags":[],"class_list":["post-2240","post","type-post","status-publish","format-standard","hentry","category-angular","category-architecture","category-routing"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/2240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/comments?post=2240"}],"version-history":[{"count":1,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/2240\/revisions"}],"predecessor-version":[{"id":2243,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/2240\/revisions\/2243"}],"wp:attachment":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/media?parent=2240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/categories?post=2240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/tags?post=2240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}APP_INITIALIZER<\/code>. For more information, revisit this tutorial about APP_INITIALIZER<\/a>.<\/p>\n\n\n\n![\"\"](\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2024\/12\/image.png\")
<\/figure>\n<\/div>\n\n\nObservable<\/code> or a Promise<\/code> from your init function. The official documentation is here<\/a>.<\/p>\n\n\n\nRouterOutlet<\/code> to share information between parent and child components as follows:<\/p>\n\n\n![\"\"](\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2024\/12\/image-1.png\")
<\/figure>\n<\/div>\n\n\n