获取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));