@hardikdabhi/ngx-spinner/src/app/ngx-spinner/spin1/spin1.component.ts

Customizable loading spinner for Angular (version ng 5 and above)

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import { ISpinnerAnimation } from '../ngx-spinner.types';

@Component({
  selector: 'app-spin1',
  templateUrl: './spin1.component.html',
  styleUrls: ['./spin1.component.scss']
})
export class Spin1Component implements ISpinnerAnimation {
	@ViewChild("styles") styles: ElementRef;
	config;

  constructor() { }

  ngOnInit() {
		this.styles.nativeElement.innerHTML = `<style>.sk-circle .sk-child:before { background-color: ${this.config.color} }</style>`;
	}

}