问题标签 [ui-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 - 无法使用 select2 显示所选值
我正在使用 angular-ui 的 select2 指令。就功能而言,它工作正常(经过一些头发拉动),但我刚刚意识到我为使其工作所做的工作现在阻止了 select2 显示所选值。
起初我使用的是 ngOptions,但它与 Select2 不兼容,所以我不得不使用 ngRepeat。我的 ngRepeat 需要在更改时将选定的用户对象发送到函数。为此,我必须使用 ng-value 或 value 将所选用户 $index 绑定到选择元素 ng-modalselectedUser
从那里我可以根据索引在用户中查找对象。BUUUT,现在我已经为我的选项提供了 $index,我猜返回给 select2 的值没有意义,它只是给了我我的占位符。
我尝试为选择元素赋予它自己的 ng-value 来做 ngChange 正在做的事情并查找选定的用户名......但是是的,那没有成功。
jquery - 如何为 select2 添加占位符?
是的,我们可以像这样向 select2 添加占位符,
但我需要这样的东西,
在这里您可以看到linkedin 提供了“键入另一个专业领域”。意味着当您再次选择专业知识时,它会显示占位符以供选择。我想使用 select2 做同样的事情。
请帮忙。
gruntjs - 在 concat 和 minify 之后,带有图像的供应商 css 不可用
我select2
在 Angular 项目中使用(使用 yeoman)。Select2 css 位于以下目录中:
bower_components/select2/select2.css bower_components/select2/select2.png
css 以下列方式使用 select2.png: background-image: url('select2x2.png')
运行 concat 和 minify 后,我有以下结构:
bower_components/select2/d204997b.select2x2 样式/034d1972.vendor.css
但问题是 venodr css 的 select2 部分正在样式目录中寻找 d204997b.select2x2 。
这是我的 GruntJS 文件的一部分:
谢谢
javascript - 清除输入时如何在angularjs中使用select2-removed的select2来触发事件
我正在使用 ui-select2,但在使用 allowClear: true 时遇到问题。allowClear 正在按预期工作,但需要在清除输入时触发事件。我尝试通过 $watch 实现它,但没有成功。有没有办法在 angularjs 中使用 select2-removed 函数。
// 在控制器中
当我单击清除按钮时 $watch 没有被触发(模型中的值保持不变)
javascript - 如何在 AngularJS 中遍历模型数据?
我有一个带有支持 JSON 的下拉列表,如下所示:
这是下拉列表,使用select2
,模型是所选贸易风格的 ID:
在它旁边,我想放置一个文本字段,其中显示了所选交易风格的名称并且可以进行编辑。
如何将后者的模型更改为指向所选贸易风格的名称而不是 ID?换句话说,如何遍历作用域对象指向所选ID值的兄弟名称值?
angular-ui - AngularJS/Select2 以编程方式添加项目并选择该项目不起作用
我是使用 AngularJS 和 select2 控件 (AngularUI) 的新手,并且正在使用 select2 (3.4.5) 的最新稳定版本。我正在尝试通过 javascript 以编程方式将项目添加到 ui-select 正在使用并选择该项目的列表中。出于某种原因,它会更新 ng-model,但不会从下拉列表中直观地选择项目。
此处示例: http ://plnkr.co/edit/X1flkKxnDHVCgXHnnmE4?p=preview
正如您将看到的,当您单击“添加黄色”时,它会将其添加到下拉列表中,并将模型设置selectedColor
为正确的颜色,但是,它不会在<select>
. 任何帮助都会很棒,谢谢!
angularjs - AngularJS ui-select2 多选不起作用
我尝试了 AngularJS ui-select 演示应用程序:https ://github.com/angular-ui/ui-select2/tree/master/demo进行多选。我尝试的具体示例是具有预定义值的多选。最初,它加载两个预选状态。单击条目时,下拉菜单显示未定义。并且模型具有两个字符的状态名称。我错过了什么吗?
plunker 链接:http ://plnkr.co/edit/IeWSZX2MDq1GfXbm3hQB
html:
片段:
jquery - 向下滚动时选择 2 偏移
我正在使用来自 Angular-UI 的 AngularJS 模块。当我向上滚动一点并且滚动时下拉区域消失。我在我们的网站和 bootstrap2 上使用 box-sizing。
有一个通用的解决方案吗?
angularjs-select2 - 无法将 Select2 参数传递到 UI-select2
我正在尝试使用 ui-select2 Angular 指令,并且 github repo 指出:
所有 select2 选项都可以通过指令传递。您可以在 Select2 文档页面上阅读有关受支持的选项列表及其作用的更多信息
我的指令有效,但无法传递简单的选项(即:它们被忽略)。例如:
html
js
angularjs - 如何在 ui-select2 中禁用删除图标
有没有办法禁用 ui-select2 中的图标?我在 Angular js 中使用 ui-select2,这就像在 stackoverflow 上发布问题时添加标签:
如何有条件地禁用删除图标?