{"id":2237,"date":"2024-12-04T13:31:23","date_gmt":"2024-12-04T21:31:23","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=2237"},"modified":"2024-12-04T13:31:23","modified_gmt":"2024-12-04T21:31:23","slug":"angular-19-standalone-updates","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/angular-19-standalone-updates\/","title":{"rendered":"Angular 19: Standalone updates"},"content":{"rendered":"\n

Angular 19 is a massive release with lots of improvements and new features. I covered all signal-related updates<\/a> earlier. Today, let’s focus on what’s changed with standalone features<\/a> in the framework.<\/p>\n\n\n\n

First, standalone is the new default<\/strong>! In Angular 19, you don’t need the standalone: true<\/code> option in your decorators, that’s the default value now. Instead, you want to use standalone: false<\/code> for features that are not standalone and belong to a ngModule<\/code>.<\/p>\n\n\n\n

When you upgrade to Angular 19, ng update<\/code> will automatically remove standalone : true<\/code> where you use it and use standalone: false<\/code> where needed. No need to worry about it!<\/p>\n\n\n\n

Second, the Angular compiler will warn you when you have unused imports in your standalone components<\/strong>. This is great to help keep your code clean:<\/p>\n\n\n

TS-998113<\/span>: Imports array contains unused imports [plugin angular-compiler]\n\nsrc\/app\/user\/users.component.ts:9:27:\n9 \u2502 imports: [UserComponent, UnusedComponent],<\/code><\/span>Code language:<\/span> HTTP<\/span> (<\/span>http<\/span>)<\/span><\/small><\/pre>\n\n\n
<\/p>\n\n\n\n
Finally, if you want to make sure all your components are standalone<\/strong>, you can use the new \"strictStandalone\": true<\/code> option in the angularCompilerOptions<\/code>.<\/p>\n\n\n\n
Then, if your create a non-standalone feature, you\u2019ll get an error:
TS-992023: Only standalone components\/directives are allowed when 'strictStandalone' is enabled.<\/code><\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Angular 19 is a massive release with lots of improvements and new features. I covered all signal-related updates earlier. Today, let’s focus on what’s changed with standalone features in the framework. First, standalone is the new default! In Angular 19, you don’t need the standalone: true option in your decorators, that’s the default value now. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-2237","post","type-post","status-publish","format-standard","hentry","category-angular"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t