添加"未找到数据"使用AngularJS进行Kendo自动完成的消息

时间:2016-09-21 19:57:48

标签: html angularjs kendo-ui autocomplete

我是Kendo UI的新用户,如果这是一个简单的问题我很抱歉,但我正在开发一个具有搜索功能的网站,该网站使用自动完成功能来显示可能的结果。但是当没有匹配时,列表就会消失,我需要有一条消息,说明没有更多匹配代替该列表。

我没有编写大部分代码,但我能找到的与HTML相关的是:

输入kendo-auto-complete style =" width:100%" NG-模型=" vm.search" k-k-data-source =" vm.searchList" />

我已经检查了剑道网站,似乎有一些选项可以帮助解决我的问题,但我不知道如何使用AngularJS来实现它们。

2 个答案:

答案 0 :(得分:1)

基本上,您可以在KendoUI文档中找到的所有选项都可以转换为可用于AngularJS。 (Reference

在您的情况下,所需的选项称为noDataTemplate。要在HTML中使用此配置,您必须将其从camelCase转换为破折号,并在其前面添加k-

结果应如下所示:k-no-data-template

HTML中的完整示例:

<input kendo-auto-complete k-data-source="data" k-no-data-template="'No Data available!'" />

答案 1 :(得分:0)

你可以在这篇文章中找到解决方案:

Add new Item with AngularJS