问题标签 [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.
angularjs - 在对象上使用 ngRepeat 时如何设置选中
我正在尝试设置 select2 下拉菜单的初始值。问题是该值是一个对象。我试着弄乱,initSelection
但我什至无法让它调用它。我把它放进debugger
去,什么也没有发生。ngSelected
也不起作用:(
我做了一个plunker。
标记
控制器
我希望在$scope.selected
下拉列表中选择值。
angularjs - 我的 Angular Select2 下拉菜单需要传递更多的值,而不仅仅是更改事件的选项名称
我正在使用 Angular-Select2,实际上我需要的是在更改时收集一些比当前选择的选项名称更多的值。例如,如果选择了 options Red
、Blue
、Yellow
,则当前值是这些值的数组。我想要做的是在选择框下方显示所有(在本例中)选择的颜色。到目前为止它的工作原理 - “颜色”正在显示,当我从选择框中删除一个(作为标签,通过单击 X 符号)时,底部会相应更新。
我需要进一步完成的是发送其他值或至少一个(id),以便我可以查询我的数据库。我知道,我可以将它包含在实际名称之前,然后在我的列表中删除以便能够单独操作它,但随后 id 也会显示在下拉列表和选定选项中。
如何进行?是否有任何内容可以附加到选项并在显示文本选定选项文本的以下区域内发送和阅读。
我期待着这样的变化:
编辑:如果感到困惑 - 这是多选下拉菜单。编辑:
select2 标记:
angularjs - Angular Select2 formatResult 未更新模板
我有一个带有以下标记的 select2 下拉列表:
js包含以下内容:
$scope.items
(具有 id、布尔显示属性和名称属性的数组)
和选择2个选项:
好吧,ng-repeat
正确更新了 html 标记并将 data-show 属性设置为 true 或 false,但该formatResult
函数不会更新此值。在html源代码data-show="true"
和formatResult
函数$elem.data('show') = false;
中,为什么每次打开select2时调用函数时它不更新?
这是一个说明我的问题的 plunker:plnkr.co/edit/d0LxuhzdQh7hMdzOoxpr?p=preview 。它看起来 formatResult 在第一次打开 select2 之前只正确更新了一次结果。
angularjs - Angular's two way binding on ui-select2
Simple problem, probably discussed many times, but I can't find a proper solution on this simple issue.
The problem:
modifications on selected items have no effect on the view (which it should).
Controller:
View:
How can I make the two way binding work?
json - 如何从 ui-select2 选定值中删除 json 格式并仅显示该值
我有一个 ui-select2 选择,它工作正常,但我需要将所选值格式化为这个值、值、值。我几乎在那里。它返回 ["value","value","value"]。我有办法从我的价值中解析出 [" "," "] 吗?
angularjs - ng-model 在 ui-select 中没有改变
我正在尝试实现一些非常简单的事情:
更改对象时,更改不会反映在模型 company.stack 中。我尝试将其更改为 $parent.company.stack,但它仍然无法正常工作。我错过了什么?我正在使用 AngularJS v1.3.0-beta.17。
angularjs - AngularJS ui-select 问题
我正在尝试使用 ui-select 指令,并且除了删除项目之外已经完成了所有工作。每当我单击“x”时,页面都会尝试验证表单并且不会删除该项目。如果我确实提交了表单,则数据会正确传回。
当我尝试将模板更改为“select2”(这是我的设计师给我的基本控件),而不是由于表单验证问题而失败时,它只会让我回到我网站的根页面。我可以使用任何一个主题 - 我只需要一个可以单击“x”并删除该项目的主题。
在我开始使用控件之前,这两个主题都存在搜索框大小不合适的问题。
有任何想法吗?
angularjs - 我如何 $watch Angular-ui 的新 ui-select(以前的 ui-select2)搜索字符串更改?
我注意到 Angular-UI 已经停止使用他们的 UI-Select2 指令,转而使用新的 UI-Select(具有多个主题 - select2、bootstrap、selectize)。
它看起来像这样:
最初,我的选择框应该是空的,但准备好接受键入的字符,即至少 4 个字符的字符串,然后进行 API 调用以检索要填充框的建议值列表。然后将选择一个值,并根据需要重复搜索。
首先我尝试$watch
了ng-model
在这种情况下是multipleDemo.colors
(使用演示中的这个例子)。API 调用从未发生过,然后我意识到了原因。实际模型根本没有改变,因为它只在进行选择时才会改变(我的选择框是空的,所以什么都不能选择)。
我的结论是我应该(能够)$watch
作为过滤器添加的内容,即filter: $select.search
.
有谁知道我应该如何在我的控制器中使用那个?
这个:
不起作用。
编辑:供任何人参考,请参阅这个简短的讨论:是否可以添加对自定义查询功能的支持,如 select2?
编辑2:
我通过$emit
在指令中使用解决了这个问题,因此该值现在可以在我的控制器中使用。但是现在我想知道如何覆盖指令的这一部分,以便指令本身可以保持不变,这样它就不会在未来的更新中中断?
angular-ui - Angular - UI-选择(选择 2)高度
选择项目时如何设置 Angular UI-Select 小部件的高度。我有一个包含图像和内容的选定项目的自定义模板,它被切断了。
有什么地方可以选择吗?我觉得它应该扩展以适应模板。