Angularjs 在angular 2中,如何像Jquery中一样获取剑道对象

Angularjs 在angular 2中,如何像Jquery中一样获取剑道对象,angularjs,kendo-ui,Angularjs,Kendo Ui,过去我已经在jQuery中使用了剑道UI,但现在我在Angular 2中使用它,我缺少的东西很少。 我们可以在Angular 2中使用id选择器以与在jQuery中相同的方式获取剑道对象吗 var obj = $('#IdName').data("kendoDropDownList"); var data = obj .dataItem(); var dataSource = $('#IdName').data("kendoGrid").dataSource; 等等 如果可能的话,你能告诉我怎

过去我已经在jQuery中使用了剑道UI,但现在我在Angular 2中使用它,我缺少的东西很少。 我们可以在Angular 2中使用id选择器以与在jQuery中相同的方式获取剑道对象吗

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


如果可能的话,你能告诉我怎么做吗?如果不可能,那么我将如何获取对数据源、剑道对象、选定值、过滤器等的引用?

在您的components TypeScript类中,尝试以下操作:

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。通过ViewChild,可以获得对html元素的引用。使用.nativeElement可以获得实际的HTML元素,就像在jQuery中一样。 只需传入ID(在以哈希(#)为前缀的HTML中)