What's new in Angular Material and the CDK in Angular v15
ฝัง
- เผยแพร่เมื่อ 21 ต.ค. 2024
- Our team is excited to share a high-level overview of all the new features of Angular Material and the Component Dev Kit (CDK) in v15. From announcing new MDC-based components to range selection support, and density customization. Watch a demo on how to update and use these new components.
Learn more in the full MDC migration guide → material.angul...
Speaker: Emma Twersky
Watch more from the Angular v15 Launch Event → goo.gle/Angula...
Subscribe to Angular → goo.gle/Angular
Angular Twitter → / angular
#Angular #Developer
Migrating to version 15 is hell. And you pass it on each of your Angular applications. Nice sweater.
A powerhouse for Angular Material but a scary house for customised components
Is there any comprehensive video about typography in Angular Material 15? Im stucked for days upgrading our Angular project into v15. Got stucked because angular-material introduced too many changes in v15. There is a migration tool and guide but I cannot see some vids talking about typography. Previous versions are using `display-4`, `display-3` etc but in v15 it became `headline-1`, `headline-2`, etc. SO what should we do to our previous theme configuration that uses the old naming? My team already considering changing framework gradually in the future moving away from angular because of these kinds of updates
I have a styling library that styles all material components based on a given design specs. But material v16 has migrated all angular components styles to MDC components which broke all our existing styles because of the DOM structure change.
Now we are again planning to style all MDC components but this time we want to follow future proof styling path.
I don't see any document that I can follow and add extensive styles on top of MDC styles.
I can see material now using --mdc-* custom properties for all components and using those variables I can override the styles but I don't see any documentation for the same.
What should be the best path for such users who want to override styles on top of the Angular material library?
It''s amazing, I can't wait to see the new angular material components implementing the v3 of material design .
What about a Migration tool/guide for the deprecated "Angular Flex Layout"?
This gave me headache as our team's projects relied to heavily on @angular/flex-layout
@@alexcoroza4518 I apologize, I laughed so hard
You folks are doing an awesome job! Thank you so much for all the great improvements. Just a quick thought - tweaking these components could be even more fun if we smooth out the development experience a bit . Also it would be nice if they can seamlessly work with TailwindCSS. Cheers!😉
I missed the step with the migration tool, but the only thing in my project that seems to have broken is my input error messages. Time to go run the migration! Thanks for this.
I am really exited for material design 3!
1:30 Love the terminal theme!
finally range sliders!
iam using angular 15 its nice
NOT SUPPORTED: keyword "id", use "$id" for schema ID. What happing his error?
From where suddenly MDC came. First pls tell me what was used before that. What we are migrating here 🤔. I didn't know we had migrations for 13 to 14. Just used ng upade @angular/material, that's it, right?
MDC has been in the works for years , but yes migration easy mostly styling might be different. You can use old version of components still, e.g. LegacyMatButtonModule.
Why u don't use sizing control like button btn-sm ?
Have you heard the phrase "backwards compatibility"? My full time job is BE development. I had my personal project, where I did basic FE work with Angular and Angular material. I'm not migrating angular material 15, because migration turned into nightmare. That's how you force people jump off your framework (component library). This just showed immaturity of this project. Sigh...
Good job. One question which has been on my mind is, if the material-table can be used in combination with virtual scroll. Can these two be combined?
Yes
@@lexcaraig is there maybe an example somewhere?
Would also love an example
Good job Google♥
My app became very slow after migrating to v15
Emma ♥️
Awesome
angular material v15 has some issues
Font seems to be blurry. That's why we have not updated it to latest version
thanks
You've got a nasty bug with mdc migration tool ))
I get this Error when I try to install Material Design. "Could not read the default style file within the project (@angular/material/prebuilt-themes/indigo-pink.css) " I there a way to solve it?