kendo ui for angular AutoComplete不会打开

Question

我试图使用自动完成组件

加载数据（我可以在HTML上看到）

但是当用户在文本框中输入

时

没有任何反应

任何想法为什么？

谢谢你

HTML：

<kendo-autocomplete [data]="data"
                      [placeholder]="'e.g. Denmark'"
            class="countries" >
</kendo-autocomplete>

TS：

import { Component, OnInit, NgModule } from '@angular/core';


@Component({
    selector: 'app-product-search-box',
    templateUrl: './product-search-box.component.html',
    styleUrls: ['./product-search-box.component.css']
})
export class ProductSearchBoxComponent implements OnInit {

    public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];

    constructor() {


    }

    ngOnInit() {
    }

}

证明数据已加载：

Answer 1

确保您已导入弹出动画所需的BrowserAnimationsModule：

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platformbrowser/animations';
import { HttpModule } from '@angular/http';
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';

import 'hammerjs';

import { AppComponent }   from './app.component';

@NgModule({
  imports:      [ BrowserModule, BrowserAnimationsModule, HttpModule, 
DropDownsModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})

export class AppModule { }

提供的代码中的所有内容似乎都不错。您还应检查已建议的控制台错误。

以下是一个工作示例：

EXAMPLE