I can't figure out how to save and share my work, but essentially the problem appears to be with the two-way data-binding.
What I did was remove the [(ngModel)] from the button group, do the data binding in the component(rather than the template) and leave the state of the button UI to the Material component. reset() is then simply this.buttonGroup.value = '';
It's a bit more work, but it's cleaner than accessing private properties, etc.
I rarely, if ever, use two-way data-binding, but rather have data flow directly from state, and have actions modify state, so haven't run into this one before.
Thanks @danww !
@RecursiveRich Did you get it working?
@danww Sure did!
@fabianngala The initial steps in achieving your goal would be checking angular material guide: https://material.angular.io/guide/theming for custom theming, customizing your own theme.scss file with the designs, mixins and etc...Just be aware that custom theming if, beyond colors, fonts, and some simple sass can get a bit tricky.
hey guys what's the reccommended approach to extend a angular material component? in my case, I want the slider component to have two differently colored segments (e.g. 0-40% primary color, 40-100% accent color)
I got started by building a wrapper but I failed to achieve this requirement by simply overriding styles Instead, I'll need to add some additional html markup
that's neat @manojvignesh thanks but still, I need to add some custom markup
S E R A Y A
I ended up copying the whole component from the original library While I copied html and scss 1:1, for the typescript I was able to extend the original component and hence avoid code duplication :) No solution for html and scss though, as I wasn't able to find the files in the node package
I have a select, when I select the item, I pass and save only the id, but how can I at the same time execute a function and pass the entire item?
@newmesiss Are you using reactive forms or remplate driven forms or anything?
One approach is to "detach" the select from the form-control, so you have complete control. Another is to run your function call on an event, and get the object from the list in that function, but leave the id saving of the select alone
Today, we released a new version of ngx-auth-firebaseui v3.4.0 which contains a lot of improvements like custom email verification template, smooth animations, and new single login and register component to take the full control of the authentication process with firebase. Special thanks @jeandat for contributing and making this library better. Check this out and try the new standalone components: https://github.com/AnthonyNahas/ngx-auth-firebaseui
Hi all, Any suggestion for rich text area implementation in angular components project ?
@newmesiss use a setter
@Suresh918 I was told pell worked pretty good with Angular out of the box, its super small, simple and free. This is my second hand account though :)