2016-09-21 76 views
0

我是Kendo UI的新手,如果這是一個簡單的問題,我表示歉意,但我正在使用具有使用自動完成功能顯示可能結果的網站。但是,如果沒有匹配,列表就會消失,我需要在那裏發出一條消息,表示沒有更多匹配來替代該列表。Kendo Autocomplete在AngularJS上添加「找不到數據」信息

我沒有寫大多數這段代碼的,但我可以用它找到相關的是這在HTML:

輸入劍道,自動完成風格=「寬度:100%」 NG-模型=」 vm.search「k-k-data-source =」vm.searchList「/>

我檢查過Kendo站點,似乎有選項可以幫助解決我的問題,但我不知道如何用AngularJS來實現它們。

回答

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!'" /> 
+0

我碰到以前這個問題的答案,但它仍然是行不通的。如果屬性選項是「未定義的」,頁面頂部提到了小部件沒有初始化。我是否需要添加任何類型的數據模型以使其激活? – bluerogue

+0

我已經創建了一個顯示示例的[Dojo](http://dojo.telerik.com/AmINO)。 – Philipp