角度2では、剣道オブジェクトをJqueryのように取得する方法

Question

私はすでに剣道UIをjQueryで使用していましたが、今では角度2で使用しています。 idセレクタを使用してjQueryで行っていたのと同じ方法で、剣道オブジェクトをAngular 2で取得できますか？

var obj = $('#IdName').data("kendoDropDownList"); 
var data = obj .dataItem(); 
var dataSource = $('#IdName').data("kendoGrid").dataSource; 

等...

ことが可能であるなら、あなたはどのように私を説明できますか？可能であれば、データソース、剣道オブジェクト、選択した値、フィルターなどの参照を取得する方法は？

export class ExampleComponent implements OnInit { 

    @ViewChild('myElement') elRef: ElementRef; 

    constructor() { 
    } 
    ngOnInit() { 
    const nativeElement = this.elRef.nativeElement; 
    const data = nativeElement.data("kendoGrid").dataSource; 
    console.log(data); 
    } 
} 

とHTMLの例：

<any-html-element #myElement></any-html-element> 

注@ViewChild

Answer 1

あなたのコンポーネントでは活字体クラスはこれを試してみてください。 ViewChildを使用すると、html要素への参照が取得されます。 .nativeElementを使用すると、jQueryで行うような実際のHTML要素が得られます。 IDを渡すだけです（HTMLのプレフィックスはハッシュ（＃））