realtomaszkula · June 11, 2018 08:15
diff --git a/ng-custom-properties#theme-binding.ts b/ng-custom-properties#theme-binding.ts
 @Component({
  selector: 'app-root',
  template: `<app-card></app-card>`,
 })
 export class AppComponent {
  // ...

  @HostBinding('style')
  get style() {
    return this.sanitizer.bypassSecurityTrustStyle(
      `--primary: ${this.theme.primary}; --accent: ${this.theme.accent}`
    );
  }

  constructor(private sanitizer: DomSanitizer) {}
 }
	@Component({
	selector: 'app-root',
	template: `<app-card></app-card>`,
	})
	export class AppComponent {
	// ...

	@HostBinding('style')
	get style() {
	return this.sanitizer.bypassSecurityTrustStyle(
	`--primary: ${this.theme.primary}; --accent: ${this.theme.accent}`
	);
	}

	constructor(private sanitizer: DomSanitizer) {}
	}