angular - Angular 7: ディレクティブを介してボタンに mat-raised-button を追加する

Question

私は指令に固執しました。カスタム ディレクティブを使用して、「mat-raised-button」と「color」をボタンに追加しようとしています。しかし、うまくいきませんでした。これを行うのを手伝ってください。コードはこちら、

import { Directive, ElementRef, Renderer2, HostListener, AfterViewInit } from '@angular/core';
import { MatRipple } from '@angular/material';
import { MatRipple } from '@angular/material';
@Directive({
    selector: '[appButton]',
    providers: [MatRipple]
})
export class ButtonDirective{
    constructor(el: ElementRef, renderer: Renderer2, ripple: MatRipple) {
        renderer.setAttribute(el.nativeElement, 'mat-raised-button', '');
        renderer.setAttribute(el.nativeElement, 'color', 'primary');
    }

}