import { Component , ElementRef , ViewChild , AfterViewInit , OnDestroy } from '@angular/core' ; declare var kendo ; @ Component ( { selector : 'app-other' , template : `
        <hr />
        <p>Kendo UI for jQuery Spreadsheet:</p>
        <div #spreadsheet></div>
    ` } ) export class TestSpreadsheetComponent implements AfterViewInit , OnDestroy { @ ViewChild ( 'spreadsheet' ) spreadsheetEl : ElementRef ; constructor ( private hostEl ) { } ngAfterViewInit ( ) { kendo . jQuery ( this . spreadsheetEl . nativeElement ) . kendoSpreadsheet ( { } ) ; } ngOnDestroy ( ) { kendo . destroy ( this . hostEl . nativeElement ) ; } }