angularvisual-studio-codeangular-language-service
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 [email protected] --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.
- Capacitor error with @capacitor-community/bluetooth-le
- Angular: How to programmatically trigger DOM events, like mouse click?
- parse json content of for key before use in angular 6 template
- The sort and URL update is getting stuck in infinite loop
- Transloco is not loading translations in Angular 17
- Angular Signals: programming semaphore
- How to inject component dynamically based on data type?
- Angular SSR hangs if OnInit subscribes to an observable
- sub-component does not display the Angular Material design of the containing component
- How to autoplay youtube component in Angular?
- New Angular @if template syntax is not working in my webapp
- typescript : variable is possibly 'undefined'.ts(18048)
- TypeError: Cannot read properties of undefined (reading 'filter') in Angular RxJS subscription
- In Angular, how to add Validator to FormControl after control is created?
- Using styleUrls instead of styleUrl in component Angular 17
- mat slider not working properly with dir="rtl"
- Scheduling Tasks in Angular 5
- Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html"
- Format date as dd/MM/yyyy using pipes
- Angular routing keeps previous component displayed and doesn't fully load the next one
- Deep links doesnt work when coming from the same website
- How to display formGroup when i use formArray
- Angular form doesn't validate if you don't leave the field before clicking
- Error deploying angular app with scripts to Vercel
- call method createUserWithEmailAndPassword without doing signIn
- Cypress for Angular library project
- Show only the first 2 bars on the Y-Axis using Chart.js?
- How to get html element using renderer2 service in angular?
- Angular 2 and jQuery - how to test?
- Can I Auto read OTP on Mobile Browsers?