javascript - 获取 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";
    }

结果为 Null 或空白数组。[]

Answer 1

querySelector 和querySelectorAll 有区别

querySelector 对您有用的地方是因为它返回 DOM(如您所说，数据已返回)。

但是使用 querySelctorAll 你会得到节点列表。因此，尝试遍历该列表，您将获得表格行。

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