Indentation with Angular 17 new control flow in VS Code
I'm using VS Code and having issues with the Angular 17 indentation (Alt+Shift+F). I'd like to change how the indentation is working with Angular 17 views. Currently with the new control flow it's doing this:
I'd like to see it do this:
I'm not sure if the issue is with the Angular Language Service, Prettier, or VS Code.
Can anyone please guide me as this is driving me a bit crazy.
Solution
Prettier 3.1 supports intending Angular's new control flow.
Run npm i prettier@3.1 --save-dev to install v3.1 in your package.json as a dev dependency. Then, be sure that you have the Prettier VSCode extension installed, which uses the version from your node_modules. Finally, press Cmd+Shift+P, search for Format..., and format with Prettier.
- How to update recursive code for Angular 19
- Angular application compiled successfully but isn't loaded in the browser, also throwing Uncaught ReferenceError: process is not defined
- Rewrite A Code Snippet Instead of For Loop
- Angular viewChild native scrollable CSS window layout quirks
- MAT_DIALOG_DATA: Error: inject() must be called from an injection context Error: inject() must be called from an injection context
- Uncaught ReferenceError: global is not defined in Angular
- Difficulty implementing accordion effect in Angular project
- NavLink in React JS not working as expected?
- angular-calendar subFn is not a function
- How to elegantly get full url from the ActivatedRouteSnapshot?
- Is there a way to check for @Output wire up from within a component in Angular?
- Primeng Toast not working in Angular auth guard function
- Validation not updating in custom form controls using Angular's Control Value Accessor
- How to handle unauthorized requests(status with 401 or 403) with new httpClient in angular 4.3
- Angular Auth Guard - users can access the login page only when they are not logged in and can access other pages only when they are logged in
- HTTP_INTERCEPTORS and getting data from Youtube conflicting
- Angular Material icons not showing
- Angular material progress spinner reactive
- How can I call a method inside another signal store method
- How to sum the value from dynamic nested array field and create a object for per input field
- Styling Angular Material datepicker
- How to disable page transition animation in Ionic 4 / Angular?
- How to Make a Generic Resolver in Angular (2+)
- Angular does not retrieve objects nor messages from django endpoints on docker
- How to make the bottom of a NgbModal to be transparent so that content beneath is visible through it
- Azure Static Web App returns incorrect MIME type for CSS and JS files (text/html instead of application/javascript and text/css)
- How to add color block on mat-select value?
- Visual Studio Code can't resolve angular's tsconfig paths
- TS2552: Cannot find name 'PictureInPictureEvent'. Did you mean 'PictureInPictureEventHandler'?
- Which angular version should be used for node version 20.15.1