Is this a regression?
The previous version in which this bug was not present was
No response
Description
I opened an Issue for modernizing the Navigation schematic: #33381. I have since observed that all the other schematics generate code with similar issues, so I am opening this Issue for improving and modernizing the code generated by the rest of the schematics, namely:
These are the issues I have observed:
- The code includes M2 APIs that are no longer relevant. E.g.,
address-form generates a button with color="primary", and table generates a table with mat-elevation-z2.
- The code includes Reactive Forms (e.g.,
address-form). This should be replaced with Signal Forms, or a command line argument needs to be provided to indicate Signal Forms.
- The
tree schematic generates code that is based on deprecated modules: MatTreeFlatDataSource, MatTreeFlattener, and FlatTreeControl. Moreover, in the template, there is an empty button <button matIconButton disabled></button>. The icon is incorrectly placed after the button rather than within it.
Reproduction
This issue does not require a StackBlitz reproduction because these are comments on the code generated by the schematics.
Expected Behavior
The schematics should produce quality code and set the standard for implementing Material Design components.
Actual Behavior
The code has several issues.
Environment
Angular CLI : 22.0.1
Angular : 22.0.1
Node.js : 26.1.0
Package Manager : npm 11.16.0
Operating System : win32 x64
Browser: Chrome
Is this a regression?
The previous version in which this bug was not present was
No response
Description
I opened an Issue for modernizing the Navigation schematic: #33381. I have since observed that all the other schematics generate code with similar issues, so I am opening this Issue for improving and modernizing the code generated by the rest of the schematics, namely:
address-formdashboardtabletreeThese are the issues I have observed:
address-formgenerates a button withcolor="primary", andtablegenerates a table withmat-elevation-z2.address-form). This should be replaced with Signal Forms, or a command line argument needs to be provided to indicate Signal Forms.treeschematic generates code that is based on deprecated modules:MatTreeFlatDataSource,MatTreeFlattener, andFlatTreeControl. Moreover, in the template, there is an empty button<button matIconButton disabled></button>. The icon is incorrectly placed after the button rather than within it.Reproduction
This issue does not require a StackBlitz reproduction because these are comments on the code generated by the schematics.
Expected Behavior
The schematics should produce quality code and set the standard for implementing Material Design components.
Actual Behavior
The code has several issues.
Environment
Angular CLI : 22.0.1
Angular : 22.0.1
Node.js : 26.1.0
Package Manager : npm 11.16.0
Operating System : win32 x64
Browser: Chrome