獲取tbody的子組件

Question

我無法使用元素引用和查詢選擇器訪問Angular 2應用程序中的數據表行。

ngAfterViewInit(){
            var e1 = this._elementRef.nativeElement.querySelector("tbody");
                        console.log(e1);
                e1.draggable="true";
    }

上面的代碼顯示了帶有tbody和子tr的數據。

但是，當我使用

ngAfterViewInit(){
            var e1 = this._elementRef.nativeElement.querySelectorAll("tbody tr");
                        console.log(e1);
                e1.draggable="true";
    }

結果為空或空白數組。[]

Answer 1

querySelector和querySelectorAll之間有區別。

querySelector對您querySelector地方是因為它返回DOM（如您所說的返回了數據）。

但是使用querySelctorAll，您將獲得Node列表。 因此，嘗試遍歷該列表，您將獲得表行。

e1.forEach(tr => console.log(tr));