问题标签 [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.

0 投票
0 回答
222 浏览

javascript - angular-ui select2 中断数据绑定

我有一个服务将我的数据存储为单一事实来源,因此我的控制器可以通过调用该服务来更改模型,而其他控制器将获得同步的模型数据。

ui-select在我集成 angular-ui select2 模块以利用其指令之前,它在 chrome 和 firefox 中都能完美运行。我用这样的选项填充它:

现在,当我在一个控制器中添加类别时,我看不到它出现在下拉列表中。奇怪的是,只有在Firefox中才如此。在 chrome 中它工作正常。我想听听我需要采取的一些解释和操作,以使其在这两种浏览器中都能正常工作。

0 投票
2 回答
2247 浏览

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 中为输入框添加工具提示?

0 投票
3 回答
8854 浏览

javascript - 初始化 ng-model 时,Angular ui-select 占位符不起作用

每次单击按钮时,我都尝试添加新选择,

的HTML:

控制器:

对象数组保存在数组“选择”中,但占位符没有出现在选择中,因为我最初使用空对象初始化 ng-model。如何让他占位符在这种情况下工作?

这是相同的Plunker

0 投票
1 回答
5884 浏览

angularjs - angularjs select2 所选值未显示在字段中

我正在使用带有 select2 插件的 angularjs。

当我编辑具有可以从下拉列表设置它的属性的项目时,当前选择的值在下拉列表中被选择/突出显示但不可见。我必须实际单击下拉菜单才能看到实际选择的选项。基本上起初该字段是空的......

像这样:

在此处输入图像描述

如您所见,该字段为空,但如果单击它,您会看到亚利桑那州已被选中。如何在下拉列表中直接显示亚利桑那州而无需单击它?

这就是我将它绑定到元素的方式。

data-custom-select是一个允许我select2()在元素上应用的指令:

该模型:

0 投票
1 回答
356 浏览

angularjs - 在另一个指令中使用时未定义 angular-ui-select2 查询函数

我正在尝试在另一个指令中使用 angular-ui-select2 模块,但收到以下错误:

未为 Select2 定义查询函数

当我将以下代码放在它自己的页面中时,它可以正常工作:

0 投票
0 回答
451 浏览

javascript - 当我在 Select2 多选中上下滚动窗口时出现“未找到匹配项”消息

我正在将 Select2 用于 Multiselect ,我现在面临的问题显示

当我上下滚动窗口时出现“未找到匹配项”消息。

例如,

  • 如果我选择 3 个值并删除这 3 个值

  • 然后如果我向上和向下滚动,那么它会显示 3

    '未找到匹配项'。

我试图添加

这里的问题即使没有这样的结果也会停止显示。

0 投票
1 回答
2197 浏览

javascript - 更改 ng-model 后 Select2 视图不会更改

我正在使用 select2 处理创建一个元素。我为 select2 下拉菜单创建了一个角度指令。但是,如果我在指令呈现后更改 ng-model,则视图不会得到更新。

以下是 Jsfiddle 中一个简单示例的链接:http: //jsfiddle.net/odiseo/zrchy7w0/5/

顺便说一句,修复应该在指令的链接函数进行更改,指令之外的任何修复(我尝试使用 $('option').select2().select2('val','1'))都会只是一种解决方法。

有没有人发现同样的问题并有解决方案?

0 投票
1 回答
4957 浏览

angularjs - 在angularJs下拉列表中选择的标签值

我有一个包含值的标签,user.Rules例如。伦敦

单击编辑按钮后,会出现一个下拉列表,其中包含州列表,例如德里、浦那、伦敦等,

我需要将所选值设置为下拉列表的标签值,即伦敦

我怎样才能做到这一点 ?

0 投票
2 回答
3126 浏览

angularjs - 如何在 AngularJs 中获取 select2 值

我无法获得 select2 的值。这是我的代码:

在我的控制器中,我写了这个:

0 投票
1 回答
5783 浏览

javascript - Angular UI 选择单击时删除项目

我正在使用UI-Select,我注意到单击任何标签会使它们变成蓝色,这对我想做的事情没有任何意义。如果单击,我希望将它们删除。经过检查,我注意到一个“x”会触发以下内容:

进行一些挖掘后,我找到了触发它的模板,它是“match-multiple.tpl.html”。我将 ng-click 复制到输入,使其如下。

这破坏了标签系统(见图) 在此处输入图像描述

编辑 - 尝试了以下,错误消失了,但点击没有做任何事情。

如何将 ng-cick 附加到标签而不是“X”?