DOM in Angular2

標籤：span   end   strong   creating   export   core   pen   bsp   tmp   

<elementRef>

import {ElementRef} from "@angular/core";

 

constructor(private element: ElementRef) {   // now, we can reference to: this.element}

 

this.element.nativeElement(‘.js-banner-container‘),

 

ElementRef

Provides access to the underlying native element (DOM element).

 

import {AfterContentInit, Component, ElementRef} from ‘@angular/core‘;@Component({  selector: ‘app‘, template: ` <h1>My App</h1> <pre style="background: #eee; padding: 1rem; border-radius: 3px; overflow: auto;"> <code>{{ node }}</code> </pre>`})export class App 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; }}

參考這篇 Angular 2: @Directive() 指令建立無限滾動

DOM in Angular2