Breaking News: Grepper is joining You.com. Read the official announcement!

how to dynamically inject styles from json data in angular

Zany Zebra answered on March 27, 2023 Popularity 1/10 Helpfulness 1/10

answer how to dynamically inject styles from json data in angular

how to dynamically inject styles from json data in angular

Comment

import { DOCUMENT } from '@angular/common';
...
export class AppComponent {
  title = 'dyncss';

  constructor(@Inject(DOCUMENT) private document: Document) {}

  loadStyle(styleName: string) {
    const head = this.document.getElementsByTagName('head')[0];

    let themeLink = this.document.getElementById(
      'client-theme'
    ) as HTMLLinkElement;
    if (themeLink) {
      themeLink.href = styleName;
    } else {
      const style = this.document.createElement('link');
      style.id = 'client-theme';
      style.rel = 'stylesheet';
      style.href = `${styleName}`;

      head.appendChild(style);
    }
  }
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: juristr.com

Tags: angular inject javascript json styles

Link to this answer
Share Copy Link

Contributed on Mar 27 2023

Zany Zebra

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

how to dynamically inject styles from json data in angular

Contents

More Related Answers

how to dynamically inject styles from json data in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.