angularjs – md-autocomplete中的md-on-demand
发布时间:2020-12-17 17:00:22 所属栏目:安全 来源:网络整理
导读:如上所述Angular-Material md-autocomplete的 documentation: The md-autocomplete uses the the md-virtual-repeat directive for displaying the results inside of the dropdown. 我遇到了一个问题,我找不到任何代码片段如何在自动完成内部使用虚拟重复.
|
如上所述Angular-Material md-autocomplete的
documentation:
我遇到了一个问题,我找不到任何代码片段如何在自动完成内部使用虚拟重复. 据我所知,我必须根据md-virtual-repeat的documentation使用特定结构进行无限滚动. 我有md-autocomplete: <md-autocomplete
md-no-cache="true"
md-selected-item="obj.selectedItem"
md-search-text="obj.searchText"
md-items="item in infiniteItems"
md-item-text="item.name"
md-on-demand>
<md-item-template>
<span md-highlight-text="obj.searchText" md-highlight-flags="i">{{item.name}}</span>
</md-item-template>
<md-not-found>
not found!
</md-not-found>
</md-autocomplete>
根据md-virtual-repeat建议,我有infiniteItems对象: $scope.infiniteItems = {
numLoaded_: 0,toLoad_: 0,items: [],getItemAtIndex: function(index) {
if (index > this.numLoaded_) {
this.fetchMoreItems_(index);
return null;
}
return this.items[index];
},getLength: function() {
return this.numLoaded_ + 5;
},fetchMoreItems_: function(index) {
if (this.toLoad_ < index) {
this.toLoad_ += 20;
restService.getData().then(angular.bind(this,function(response) {
this.items = this.items.concat(response.data);
this.numLoaded_ = this.toLoad_;
}));
}
}
}
结果在加载整个页面后第一次重新加载数据,当我尝试输入smth时,我得到消息“未找到”并且下载加载数据甚至不打开. 那么,我做错了什么? 提前致谢! 解决方法
您的md-autocomplete标记属性中存在问题,即更改
md-items="item in infiniteItems" 至 md-items="item in infiniteItems.items" 你应该能够看到自动完成列表. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
