Breaking News: Grepper is joining You.com. Read the official announcement!

Angular custom button component based on angular material button

Pcode answered on August 12, 2022 Popularity 8/10 Helpfulness 1/10

answer Angular custom button component based on angular material button

related Angular custom button component based on angular material button

Angular custom button component based on angular material button

Comment

// my-button.component.ts
import { Component, Input } from "@angular/core";

import { PrimaryButtonComponent } from "../primary-button/primary-button.component";
import { SecondaryButtonComponent } from "../secondary-button/secondary-button.component";
import { TextButtonComponent } from "../text-button/text-button.component";

@Component({
  selector: "my-button",
  templateUrl: "./my-button.component.html",
})
export class MyButtonComponent {
  @Input() type: "primary" | "secondary" | "text" = "text";

  get buttonComponentType() {
    switch (this.type) {
      case "primary":
        return PrimaryButtonComponent;
      case "secondary":
        return SecondaryButtonComponent;
      case "text":
      default:
        return TextButtonComponent;
    }
  }
}

Popularity 8/10 Helpfulness 1/10 Language typescript

Source: dzhavat.github.io

Tags: angular angular-material button component-based custom-button typescript

Link to this answer
Share Copy Link

Contributed on Aug 12 2022

Pcode

0 Answers Avg Quality 2/10

Closely Related Answers

Angular custom button component based on angular material button

Comment

<!-- my-button.component.html -->
<ng-container
  *ngComponentOutlet="buttonComponentType; content: [[buttonContent]]"
></ng-container>

<div #buttonContent>
  <ng-content></ng-content>
</div>

Popularity 8/10 Helpfulness 1/10 Language html

Source: dzhavat.github.io

Tags: angular angular-material angu

Link to this answer
Share Copy Link

Contributed on Aug 12 2022

Pcode

0 Answers Avg Quality 2/10

Angular custom button component based on angular material button

Contents

More Related Answers

Angular custom button component based on angular material button

Closely Related Answers

Angular custom button component based on angular material button

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.