角2：獲取特定的div

Question

我需要一個函數來獲取特定的DIV中的所有圖像內的所有標籤，我試圖用BrowserDomAdapter但它拋出這個錯誤el.querySelector is not a function，事實上我還沒有宣佈我的組件的任何el變量

import { BrowserDomAdapter} from '@angular/platform-browser/src/browser/browser_adapter'; 
... 
... 
constructor(private dom:BrowserDomAdapter){ 
} 
ngAfterContentInit(){ 
    this.lightboxImages(); 
} 
lightboxImages(){ 
    let dom = new BrowserDomAdapter(); 
    let images = dom.querySelector('img','.post-body'); 
    console.log(images); 
} 

更新

如果我有一個變量裏面的<img>標籤，我怎樣才能得到它的圖像？

export class Post{ 

    post:Post; 

    @Input() 
    set data(data:any) { 
    this.post = new Post(data); 
    this.lightboxImages(this.post.content()); 
    } 

    lightboxImages(content:any){ 
     let images = content. ??? 
     console.log(images); 
    } 
} 

Answer 1

BrowserDomAdapter是不應該被使用。它僅供Angular內部使用。

我假設你想，因爲你使用ngAfterContentInit查詢兒童傳遞的元素：

@Component({ 
    ... 
    template: ` 
    ... 
    <div #wrapper> 
    <ng-content></ng-content> 
    </div> 
    ... 
` 
}) 
export class MyComponent { 
    @ViewChild('wrapper') wrapper:ElementRef; 
    ngAfterContentInit(){ 
    this.lightboxImages(); 
    } 
    lightboxImages(){ 
    let images = this.wrapper.nativeElement.querySelector('img','.post-body'); 
    console.log(images); 
    } 
}