set angular-material attribute directive dynamically code example

Example 1: user defined directives in angular 7

import { Directive, ElementRef } from '@angular/core';

Example 2: user defined directives in angular 7

<p [ngStyle]="{`THE CSS YOPU WANT TO ADD`}"> I am an Attribute Directive</p>