What's new in Angular Material and the CDK in Angular v15
Вставка
- Опубліковано 17 лис 2022
- 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.angular.io/guide/mdc...
Speaker: Emma Twersky
Watch more from the Angular v15 Launch Event → goo.gle/Angularv15
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
It''s amazing, I can't wait to see the new angular material components implementing the v3 of material design .
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 am really exited for material design 3!
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?
finally range sliders!
1:30 Love the terminal theme!
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
iam using angular 15 its nice
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.
Awesome
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
Good job Google♥
Emma ♥️
NOT SUPPORTED: keyword "id", use "$id" for schema ID. What happing his error?
3:25 tests 3:50 harnesses 4:50 mat
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
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...
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.
My app became very slow after migrating to v15
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?