How to set attributes dynamically in angular?

Question

I am using angular material and ngx-form-schema in an angular 7 project. How can create a directive to handle all type of mat buttons? I want to send type of mat button such 'mat-flat-button' or 'mat-raised-button' to that directive then the directive show that mat button.

Dániel Barta · Accepted Answer · 2019-02-27 13:02:00Z

2

Create two buttons. One with mat-flat-button, one with mat-raised-button. Then use *ngIf or ngSwitch to display only one at a time.

answered Feb 27, 2019 at 13:02

Dániel Barta

1,1877 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mostafa Farhani Over a year ago

This may more than two button type needed. Is there generic method?

Dániel Barta Over a year ago

One way is to create a wrapper component which takes the type as an input, and in that component you use ngSwitch. A fancier solution would be to use ng-container and you can bind the type to the ngComponentOutlet attribute. If I'm correct, this way it also gets the component factories dynamically.

Collectives™ on Stack Overflow

How to set attributes dynamically in angular?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related