Angular UI Select2指令搜索功能不起作用
Angular-UI Select2 directive Search functionality not working
我使用的是angular ui select2指令。我知道它现在被弃用了,但我的应用程序一直在使用这个指令,我想做一些改进。很快,我们将迁移到新的ui=select替代方案。
我通过ajax调用加载json数据,如下例所示http://select2.github.io/select2/.数据加载正确,可以选择,但我无法搜索和缩小/筛选结果。据我所知,该指令支持这一点。当我键入内容时,数据会刷新,但不会根据搜索条件进行筛选。下面是我的代码
<input type="text" id="users" ui-select2="filters.select2Test" ng-model="filters.model.users"
data-placeholder="Pick a user" ng-required="true" style="width: 300px" />
$scope.filters = {
select2Test: {
id: function(user) {
return user.code;
},
minimumInputLength: 3,
multiple: true,
ajax: {
url: 'api/employee', //This URL points to an internal location and wouldn't work
dataType: 'json',
data: function (params) {
return {
q: params.term, // search term
page: params.page
};
},
results: function(data, page) {
return { results: data };
}
},
formatResult: function(data) {
return "<div class='select2-user-result'>" + data.name + "</div>";
},
formatSelection: function(data) {
return data.name;
},
initSelection: function(element, callback) {
var data = [];
$(element.val().split(",")).each(function(i) {
var item = this.split(':');
data.push({
id: item[0],
title: item[1]
});
});
callback(data);
}
}
}
需要在select2选项中添加匹配器:
select2Test: {
...
matcher: function(term, text, option) {
return option.name.includes(term);
},
...
}
相关文章:
- 使用复杂数组时Jquery自动完成功能不起作用
- 切换功能不起作用
- 为什么不是'我的修剪功能不起作用
- Angular UI Select2指令搜索功能不起作用
- AngularJS 路由功能不起作用
- JavaScript更新功能不起作用
- JS表单验证功能不起作用
- 复选框树视图功能不起作用
- Web音频-AudioParam调度功能不起作用
- 复选框单击功能不起作用
- jQuery加载函数后,jQuery UI自动完成功能不起作用
- 按下空格键一次后,Jquery功能不起作用
- jquery ajax调用后,表分类器功能不起作用
- jquery对话框可拖动功能不起作用
- 我的数字检查器功能不起作用,为什么
- 隐藏/显示加载功能不起作用
- .slideToggle-on.click功能不起作用
- 验证功能不起作用
- 在我的项目中,添加、删除和编辑功能不起作用
- Onsubmit功能不起作用