问题标签 [angularjs-select2]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - angular-ui select2 中断数据绑定
我有一个服务将我的数据存储为单一事实来源,因此我的控制器可以通过调用该服务来更改模型,而其他控制器将获得同步的模型数据。
ui-select在我集成 angular-ui select2 模块以利用其指令之前,它在 chrome 和 firefox 中都能完美运行。我用这样的选项填充它:
现在,当我在一个控制器中添加类别时,我看不到它出现在下拉列表中。奇怪的是,只有在Firefox中才如此。在 chrome 中它工作正常。我想听听我需要采取的一些解释和操作,以使其在这两种浏览器中都能正常工作。
angular-ui - 如何将工具提示添加到 ui 多选
我尝试在 ui-select 的输入框中添加工具提示,但它不起作用。
input(type='hidden', ui-select2='userSelect2options', data-placeholder='All User', ng-model='selectedUsersForFilter', style='width:100%; margin-left:5px;',ng -readonly='isUserSelectDisabled', tooltip='请选择至少一个用户')
此外,我为上述相同的输入标签添加了简单的 HTML标题属性,而不是工具提示,最初它能够设置标题,但是当我尝试更改或删除该标题时,它对我不起作用。
input(type='hidden', ui-select2='userSelect2options', data-placeholder='All User', ng-model='selectedUsersForFilter', style='width:100%; margin-left:5px;',ng -readonly='isUserSelectDisabled', title ='请至少选择一个用户')
如何在 ui-select2 中为输入框添加工具提示?
javascript - 初始化 ng-model 时,Angular ui-select 占位符不起作用
每次单击按钮时,我都尝试添加新选择,
的HTML:
控制器:
对象数组保存在数组“选择”中,但占位符没有出现在选择中,因为我最初使用空对象初始化 ng-model。如何让他占位符在这种情况下工作?
这是相同的Plunker。
angularjs - angularjs select2 所选值未显示在字段中
我正在使用带有 select2 插件的 angularjs。
当我编辑具有可以从下拉列表设置它的属性的项目时,当前选择的值在下拉列表中被选择/突出显示但不可见。我必须实际单击下拉菜单才能看到实际选择的选项。基本上起初该字段是空的......
像这样:

如您所见,该字段为空,但如果单击它,您会看到亚利桑那州已被选中。如何在下拉列表中直接显示亚利桑那州而无需单击它?
这就是我将它绑定到元素的方式。
data-custom-select是一个允许我select2()在元素上应用的指令:
该模型:
angularjs - 在另一个指令中使用时未定义 angular-ui-select2 查询函数
我正在尝试在另一个指令中使用 angular-ui-select2 模块,但收到以下错误:
未为 Select2 定义查询函数
当我将以下代码放在它自己的页面中时,它可以正常工作:
javascript - 当我在 Select2 多选中上下滚动窗口时出现“未找到匹配项”消息
我正在将 Select2 用于 Multiselect ,我现在面临的问题显示
当我上下滚动窗口时出现“未找到匹配项”消息。
例如,
如果我选择 3 个值并删除这 3 个值
然后如果我向上和向下滚动,那么它会显示 3
'未找到匹配项'。
我试图添加
这里的问题即使没有这样的结果也会停止显示。
javascript - 更改 ng-model 后 Select2 视图不会更改
我正在使用 select2 处理创建一个元素。我为 select2 下拉菜单创建了一个角度指令。但是,如果我在指令呈现后更改 ng-model,则视图不会得到更新。
以下是 Jsfiddle 中一个简单示例的链接:http: //jsfiddle.net/odiseo/zrchy7w0/5/
顺便说一句,修复应该只在指令的链接函数内进行更改,指令之外的任何修复(我尝试使用 $('option').select2().select2('val','1'))都会只是一种解决方法。
有没有人发现同样的问题并有解决方案?
angularjs - 在angularJs下拉列表中选择的标签值
我有一个包含值的标签,user.Rules例如。伦敦
单击编辑按钮后,会出现一个下拉列表,其中包含州列表,例如德里、浦那、伦敦等,
我需要将所选值设置为下拉列表的标签值,即伦敦
我怎样才能做到这一点 ?
angularjs - 如何在 AngularJs 中获取 select2 值
我无法获得 select2 的值。这是我的代码:
在我的控制器中,我写了这个:
javascript - Angular UI 选择单击时删除项目
我正在使用UI-Select,我注意到单击任何标签会使它们变成蓝色,这对我想做的事情没有任何意义。如果单击,我希望将它们删除。经过检查,我注意到一个“x”会触发以下内容:
进行一些挖掘后,我找到了触发它的模板,它是“match-multiple.tpl.html”。我将 ng-click 复制到输入,使其如下。
这破坏了标签系统(见图)

编辑 - 尝试了以下,错误消失了,但点击没有做任何事情。
如何将 ng-cick 附加到标签而不是“X”?