Угловой 7: добавление поднятой кнопки к кнопке через директиву

Question

Я придерживался директивы.Попытка добавить "кнопки с поднятым матом" и "цвет" к кнопкам с помощью специальной директивыНо это не сработало.Пожалуйста, помогите мне поработать над этим.код здесь,

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');
    }

}