在angular应用程序中向head追加链接

import { Component, Renderer2 } from '@angular/core';

constructor(private renderer: Renderer2) { }

const link = this.renderer.createElement('link');
this.renderer.setAttribute(link, 'rel', 'stylesheet');
this.renderer.setAttribute(link, 'href', 'your_link_url');

const head = this.renderer.selectRootElement('head');
this.renderer.appendChild(head, link);

import { Component, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-your-component',
  template: '...'
})
export class YourComponent {
  constructor(private renderer: Renderer2) { }

  appendLinkToHead() {
    const link = this.renderer.createElement('link');
    this.renderer.setAttribute(link, 'rel', 'stylesheet');
    this.renderer.setAttribute(link, 'href', 'your_link_url');

    const head = this.renderer.selectRootElement('head');
    this.renderer.appendChild(head, link);
  }
}