在角度2中如何获得像Jquery中的kendo对象

时间:2017-07-13 08:33:37

标签: angularjs kendo-ui

我过去已经使用了jQuery的Kendo UI,但现在我正在使用它与Angular 2,我很少有东西丢失。 我们能否像使用id选择器一样在Angular 2中获取kendo对象?

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

等...

如果有可能那么你可以解释一下怎么样?如果不可能,那么我将如何获得对dataSource,Kendo对象,选定值,过滤器等的引用??

1 个答案:

答案 0 :(得分:2)

在组件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(带有前缀为hash(#)的HTML)