add css dynamically in angular 6

1import { CssService} from './Css.service';
2
3@Component({
4  selector: 'DynamicCss',
5  templateUrl: './DynamicCss.component.html',
6  styleUrls: ['./DynamicCss.component.scss']
7})
8export class ServiceProviderComponent implements OnInit {
9    cssVariables: any;
10    constructor(private cssService:CssService){
11        /* call the service/api to get the css variable values in cssVariables */
12
13    }
14}

1ngOnInit(){
2 this.appendCss(this.customizeFormData);
3}