tbodyの子コンポーネントを取得する

Question

Element Refとクエリセレクタを使用して、Angular 2アプリケーションでTable Rowのデータにアクセスすることができません。

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

上記のコードは、tbodyとchild trのデータを示しています。しかしながら

、私は結果としてヌルまたはダミーアレイ来ている。[]

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

を使用

Answer 1

querySelectorとquerySelectorAll差があります。

ここではquerySelectorがあなたのために働くのは、DOMが返されるからです（データが返されたとします）。

しかし、querySelctorAllを使用すると、ノードリストが表示されます。だから、そのリストを繰り返すとテーブルの行が得られます。

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