Angular ElementRef

提供对底层原生元素(DOM元素)的访问。

import { AfterContentInit, Component, ElementRef } from '@angular/core';
@Component({
    selector: 'app-root',
    template: `
    <h1>My App</h1>
    <pre>
      <code>{{ node }}</code>
    </pre>
  `
})
export class AppComponent implements AfterContentInit {
  node: string;
  constructor(private elementRef: ElementRef) { }
  ngAfterContentInit() {
    const tmp = document.createElement('div');
    const el = this.elementRef.nativeElement.cloneNode(true);
    tmp.appendChild(el);
    this.node = tmp.innerHTML;
  }
}

View Example