问题标签 [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 投票
3 回答
13520 浏览

json - Select2 是否允许将“文本”键的名称更改为其他名称?

我有以下 Select2 配置。

这使我可以正确填充 select2 控件。

但是,当我使用 Ajax 发布包含标签(以及其他)的整个表单时会出现一个问题:发送到服务器的 json 数组包含具有两个名为idand的属性的对象,text而服务器需要idand description

从我的 json 中查看片段:

select2 是否允许将名称更改为text其他名称?

0 投票
1 回答
1263 浏览

angularjs - Angularjs,带有动态标签的select2和onclick

我将 angularjs 与“ui_select2”指令一起使用。Select2 绘制带有格式化功能的新标签,有带有“ng-click”属性的“”元素。如何告诉 angularjs 新的 DOM 元素?否则新的“ng-clicks”将不起作用。

HTML:

JS(角度控制器):

问题是select2创建了angularjs尚未发现的DOM元素,我读到需要使用angularjs $compile函数将新的DOM元素附加到某个元素,但我不能在控制器中使用它。

0 投票
0 回答
3180 浏览

javascript - select2 下拉选择的值不会随着更新的模型而更新

我使用最新的 select2 api (select2-3.4.5),我的 html for select 2 看起来像这样。

我正在我的控制器中执行保存调用,以保存模型并重新加载保存的模型。这是在以下块内完成的。

我所有的文本字段都加载了更新的数据,当我打印出 {{mymodel}} 时,我可以看到更新的模型。我在 $scope.$apply 中执行了保存和更新调用,目的是更新 dom 元素。

更新后,当我展开下拉列表 (select2) 时,我可以看到选择选项中选择的正确更新的值。

但是 select2-container 有

这是选择 2 的问题还是我遗漏了什么?

0 投票
2 回答
1878 浏览

angularjs - 预先填充 angular-ui 的 select2 的问题

我对angular-ui/select2控件有疑问。

我想使用 angularjs用对象数组预先填充控件。我使用init函数来尝试实现这一点,但不知何故,页面上的视图没有更新......

这里是客户端模块

这是languageChooserModule

有人可以帮忙吗?

编辑1

更改为以下内容:

导致以下错误:

编辑 2

更改为以下内容:

导致以下错误:

0 投票
1 回答
2740 浏览

angularjs-select2 - Select2 与 angularjs 并使用 ng-options 无法正确显示

选择代码:

产生的代码:(删除 ui-select2="{allowClear: true}")

结果:http: //i.imgur.com/iStWMMn.png

问题:如您所见,生成的代码选择了第三个选项,当我打开下拉菜单(图像)时,它也被选中,但是在关闭时(在第一次打开之前)它不显示所选选项。

它如何保持以及应该如何:http: //i.imgur.com/D5EchRr.png

所以...如果它被选中(在生成的 html 中)为什么它没有显示为好像它被选中了?

0 投票
0 回答
1911 浏览

angularjs - angularjs + ui-select2 模块未正确触发 initSelection

我正在尝试在启用多选的情况下实现 AngularJS + Select2。

当我包含完整的 angular-ui 包时,它可以工作,但是我不想使用完整版本。

所以,我尝试做同样的事情,但只包括 ui-select2 模块本身,我很惊讶 initSelection 不能以这种方式工作。

我准备了 2 个 Plunker 来说明这两种尝试,第一个不起作用,显示仅包含 ui-select2 模块,第二个示例有效,包括完整的 angular-ui 包。

1º 示例(不起作用) http://plnkr.co/edit/YOrzQKGx3py24Lf3JQ2Z?p=preview

2º 示例(作品) http://plnkr.co/edit/ZeYgJyLHo30hTi2DerJZ?p=preview

单击 select2 下方的“设置选定”按钮。

在处理了大约 12 个小时后,我陷入了困境。任何 angularjs+angular-ui 大师都知道这里发生了什么吗?

我只需要使用 ui-select2.js 来完成这项工作,所以我需要示例 1 工作。

有任何想法吗?

非常感谢。

0 投票
2 回答
3187 浏览

angularjs - 在 ng-repeat 中,AngularJS 选择标签未填充对象数据

我对 angularjs 的 select 指令有疑问。

这是我的代码:

我有一个 $http 调用,它返回被添加到本地范围的 json。

所以基本上我有一组从 web 服务调用返回的 json 对象,我将本地 $scope 设置为具有这些 json 对象,并且 productsDTO 的第一个迭代标记迭代新填充的对象。

每个产品都有一个单独的对象,显示该产品有哪些特殊类别,以及这些类别的选项。我正在尝试将选择标签(ng-model)绑定到 varCat 对象。这是当前正在迭代的对象,并且同一个对象还包含我尝试为选择标记指令设置的类别的选项数组。我在品种类别对象上添加了一个特殊字段,称为品种类别选项,专门用于保存该特定选择类别的当前状态。我这样做是因为每页可能有很多这样的类别选择,并且不知道有多少,所以我不能将它硬编码到页面中。

它似乎没有工作。有人有建议吗?

所有的 json 都是很多数据,但这是产品内部的 json 返回部分,其中包含与选择框关联的所有值:

**更新* ** * ** * ** * ** * ** * *** 用户 Chandermali 说,当数据为对象格式时,我将数据视为数组格式。Chandermali 说要使用这种格式

我在我的选择中试过这个

并得到这个错误:

0 投票
2 回答
4256 浏览

angularjs-select2 - 我们可以添加文本框和按钮来选择 2

在这里我附上了选择的代码,我们可以将文本框和按钮添加到 select2 元素中吗?在这里我使用了一个代码:

在这里,我附上了我真正想要的输出图像: 选择 2 中带有按钮的文本框

0 投票
1 回答
1123 浏览

angularjs - 使用 AngularJS 和 Select2

我正在尝试使用 select2 标签下拉菜单。

我调用向我发送数据的 API。我将数据放入 select2 中,如下所示:

数据是包含学生对象的数组,所以我用这个来获取对象内部的名称。

当我从下拉列表中选择第一个名字时,一切都很完美,但是当我尝试选择第二个名字时,就像列表中没有可供选择的内容一样,但是如果我删除现有的选择,所有的名字都会回来。

在这里,我选择了第二个,没有任何反应:

在此处输入图像描述

这是我没有选择任何人的时候。

在此处输入图像描述

当我点击时它会显示名称,但是当我输入搜索词时会显示

更新:

有谁知道这里可能出了什么问题,我猜我需要告诉 select2 在对象内搜索该术语,但是如何?

0 投票
1 回答
832 浏览

angularjs-select2 - Angular Select2 限制标签数量

我有一个标签的 select2 字段,例如:https ://github.com/angular-ui/ui-select2#using-simple-tagging-mode

但是,我想将选择的标签数量限制为 1。用户可以使用现有标签之一或创建一个新标签。

将 'multiple' 更改为 false 不会影响这一点。