angular v15 更新后如何处理遗留问题

Question

I did update my app from v14 to v15 .

In the update, I can see that angular did change

// From
import { MatDialog } from '@angular/material/dialog'

// To
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog'

Does somebody knows the reason why?
I search over on their website but couldn't find anything useful.

Shall I just set this back to the value it was before?

Answer 1

Basically, legacy is the older, deprecated logic that we use to have.

Angular did change them so that we can migrate them one at the time.

To see the list of changed item, look at the following github page .

So this is safe to let it as import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog' and refactor the page one at the time.

They also do have added a [migration script](ng generate @angular/material:mdc-migration), so running ng generate @angular/material:mdc-migration will help you in doing it.

I do assume this will be removed at the v16 , so better do it before