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

Question

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

0

Я хочу преобразовать этот очень полезный пример автозаполнения kendo-ui в приложении angular2 в правильный веб-компонент angular2, который затем я могу экспортировать и использовать на странице html:

$(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

}

Tone 09 сен. 2015, в 11:06

Источник

Теги:

angular

typescript

kendo-ui

1 ответ

Ещё вопросы

Mike Vitik · Answer 1 · 2015-09-14T05-30-00.000Z

Это пример кода начальной точки:

@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");
        }
    }

Можете ли вы поделиться утверждениями импорта этого компонента?