угловой 2 машинопись кендо автозаполнения

Я хочу, чтобы преобразовать этот very useful example из кендо-UI автозаполнения в angular2 приложение в веб-компонент собственно angular2, что я могу затем экспортировать и использовать в HTML-страницу:угловой 2 машинопись кендо автозаполнения

$(function() { 

    var data = [ 
     "Angular", 
     "Kendo UI", 
     "TypeScript" 
    ]; 

    var input = document.createElement("input"); 
    input.id = "technologies"; 
    var technologies = document.body.appendChild(input); 

    <kendo.ui.AutoComplete>$(technologies).kendoAutoComplete({ 
     dataSource: data, 
     filter: "startswith", 
     placeholder: "Select technology...", 
     separator: ", " 
    }).data("kendoAutoComplete"); 
}); 



<body> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script> 
    <script src="//cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script> 
    <script src="app.js"></script>

Это, насколько я получил:

/// <reference path="../../typings/jquery/jquery.d.ts" /> 
/// <reference path="../../typings/kendo-all/kendo.all.d.ts" /> 
import {Component, View} from 'angular2/angular2'; 

@Component({ 
    selector: 'auto-complete' 
}) 

@View({ 
    template: '<input id="autocomplete" />' 
}) 

export class AutoComplete extends kendo.ui.AutoComplete { 

    // PROPERTIES AND METHODS GO HERE. BUT WHAT ONES? 
    // http://docs.telerik.com/KENDO-UI/api/javascript/ui/autocomplete 

}

источник

2015-09-09 Tone

Это код точки старта образца:

@Component({ 
    selector: 'auto-complete', 
    properties: ['datasource'] 
}) 

    export class AutoComplete implements AfterContentInit { 
     items: string[]; 
     selectedValue: string; 

     constructor(elelemtRef: ElementRef) { 
      var _this = this; 
      this.elementRef = elementRef; 
      this.filter: "startswith", 
      this.placeholder: "Select technology...", 
      this.separator: ", " 
     } 
     afterContentInit() { 
      $(this.elementRef.domElement).kendoAutoComplete(this).data("kendoAutoComplete"); 
     } 
    }

источник

2015-09-14 07:27:31

спасибо большое за ответ! – Tone

угловой 2 машинопись кендо автозаполнения

ответ

Смежные вопросы