Self Closing Tags Migration
Angular supports self-closing tags. This means that you can write tags like <app-component /> instead of <app-component></app-component>.
This is a feature that was introduced in Angular 16.
How it works?
Section titled “How it works?”The moment you run the schematics, it will look for all the tags that are not self-closing and convert them to self-closing tags.
- It will look for all the tags that don’t have any content inside them.
- It will only convert components that have ”-” in their name.
In order to run the schematics for all the project in the app you have to run the following script:
ng g ngxtension-plugin:convert-to-self-closing-tagIf you want to specify the project name you can pass the --project param.
ng g ngxtension-plugin:convert-to-self-closing-tag --project=<project-name>If you want to run the schematic for a specific component or directive you can pass the --path param.
ng g ngxtension-plugin:convert-to-self-closing-tag --path=<path-to-ts-file>Usage with Nx
Section titled “Usage with Nx”To use the schematics on a Nx monorepo you just swap ng with nx
Example:
nx g ngxtension-plugin:convert-to-self-closing-tag --project=<project-name>