Javascript AngularJS UI选择为组合框
我正在使用ui选择（版本0.18.1）插件（在单选模式下） 参考资料： 我非常喜欢UI和特性，因为我们可以从绑定到该控件的选项列表中搜索所需的选项 现在我需要的是我需要这个UI选择控件作为组合框工作，也就是说，如果在项目列表中找不到搜索的项目，那么在按下“回车”键时，项目应该被添加到我们的基本项目列表中，默认情况下应该被选中 我需要在单一选择模式，我已经在谷歌上搜索了这个，但我能找到的是UI选择多模式和标签Javascript AngularJS UI选择为组合框,javascript,jquery,angularjs,combobox,angular-ui-select,Javascript,Jquery,Angularjs,Combobox,Angular Ui Select,我正在使用ui选择（版本0.18.1）插件（在单选模式下） 参考资料： 我非常喜欢UI和特性，因为我们可以从绑定到该控件的选项列表中搜索所需的选项 现在我需要的是我需要这个UI选择控件作为组合框工作，也就是说，如果在项目列表中找不到搜索的项目，那么在按下“回车”键时，项目应该被添加到我们的基本项目列表中，默认情况下应该被选中 我需要在单一选择模式，我已经在谷歌上搜索了这个，但我能找到的是UI选择多模式和标签 我不需要UI Select中的as标记，我需要它作为选项列表中的选项。我找到了这个解决方
我不需要UI Select中的as标记，我需要它作为选项列表中的选项。我找到了这个解决方案 已在github的ui选择库中引发 这是一个bug-在使用angularjs 1.3.2时，没有多个新标签的标签不起作用，但它已经解决了，而且很可能如果您下载最新的ui选择库，它已经解决了这个问题 你也可以去参观
tagging-label="false"
这个可能对你有好处。我找到了解决办法 已在github的ui选择库中引发 这是一个bug-在使用angularjs 1.3.2时，没有多个新标签的标签不起作用，但它已经解决了，而且很可能如果您下载最新的ui选择库，它已经解决了这个问题 你也可以去参观
tagging-label="false"
这一个可能会帮到你。我编写了额外的指令ui组合框，并添加了一些配置
<ui-select
ng-model="ctrl.person.selected" theme="select2"
reset-search-input='false'
ui-combobox="email"
style="min-width: 300px" >
<ui-select-match placeholder="...">
{{ctrl.person.selected}}
</ui-select-match>
<ui-select-choices repeat="person.email as person in ctrl.people | propsFilter: {name: $select.search, age: $select.search}">
<div ng-bind-html="person.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
app.directive('uiCombobox', function() {
return {
require: 'uiSelect',
link: function(s, e, a, uiSelect) {
s.$watch(function() {
return uiSelect.search
},function() {
if(!uiSelect.search) return;
console.log(uiSelect.search);
var obj = {};
obj[a.uiSel] = uiSelect.search;
s.$broadcast('uis:select', obj);
});
}
}
})
{{ctrl.person.selected}
应用程序指令（'uiCombobox'，函数（）{
返回{
要求：'uiSelect'，
链接：功能（s、e、a、uiSelect）{
s、 $watch（函数（）{
返回uiSelect.search
}，函数（）{
如果（！uiSelect.search）返回；
console.log（uiSelect.search）；
var obj={}；
obj[a.uiSel]=uiSelect.search；
s、 $broadcast（'ui:select'，obj）；
});
}
}
})
<ui-select
ng-model="ctrl.person.selected" theme="select2"
reset-search-input='false'
ui-combobox="email"
style="min-width: 300px" >
<ui-select-match placeholder="...">
{{ctrl.person.selected}}
</ui-select-match>
<ui-select-choices repeat="person.email as person in ctrl.people | propsFilter: {name: $select.search, age: $select.search}">
<div ng-bind-html="person.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
app.directive('uiCombobox', function() {
return {
require: 'uiSelect',
link: function(s, e, a, uiSelect) {
s.$watch(function() {
return uiSelect.search
},function() {
if(!uiSelect.search) return;
console.log(uiSelect.search);
var obj = {};
obj[a.uiSel] = uiSelect.search;
s.$broadcast('uis:select', obj);
});
}
}
})
{{ctrl.person.selected}
应用程序指令（'uiCombobox'，函数（）{
返回{
要求：'uiSelect'，
链接：功能（s、e、a、uiSelect）{
s、 $watch（函数（）{
返回uiSelect.search
}，函数（）{
如果（！uiSelect.search）返回；
console.log（uiSelect.search）；
var obj={}；
obj[a.uiSel]=uiSelect.search；
s、 $broadcast（'ui:select'，obj）；
});
}
}
})