用于角度自动完成的剑道 ui 无法打开答案

【问题标题】：kendo ui for angular AutoComplete wont open用于角度自动完成的剑道 ui 无法打开
【发布时间】：2017-09-20 13:58:46
【问题描述】：

我正在尝试使用自动完成组件

数据已加载（我可以在 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() {
    }

}

数据已加载的证明：

【问题讨论】：

您是否在控制台中遇到任何错误？我试过你的代码，它似乎对我来说很完美
完全没有错误
嘿，我想知道您是否解决了问题？如果不能，您可以通过 varunbabu008@gmail.com 将您的项目通过电子邮件发送给我。我可以看看

标签： kendo-ui kendo-ui-angular2

【解决方案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

【讨论】：