Issue
I would like to inform you about a project I am currently working on, which involves upgrading AngularJS version 1.2.6 to Angular 16. However, I am facing a major challenge regarding the differences between AngularJS material and Angular material.
For instance, in AngularJS material, we use the following structure:
<md-card-content >
Test content
</md-card-content>
But in Angular material, the structure is slightly different:
<mat-card-content >
Test content
</mat-card-content>
Since the material is used throughout the entire site, it would be inefficient to manually visit each page and make the necessary adjustments. Therefore, I am seeking the best approach to handle this transition and update the material structure in Angular 16.
I have installed the latest version of Angular Material and I have visited 1 to 2 pages to manually change the material tag imports etc. I don't want to visit every page and fix it
Any suggestions or guidance on the recommended way to handle this upgrade would be greatly appreciated.
Thank you in advance for your response.
Best regards, Moh
Solution
If you're using Visual Studio Code, do the following:
- Press Ctrl + Shift + H
- Type in the Search field the following:
md-card-content
- Type in the Replace field the following:
mat-card-content
- Click the Replace All button
Answered By - Rok Benko
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.