问题标签 [ui-select2]

我正在使用带有 Jquery-editable 的 Select2 并遇到 Select2 的异常行为，我正在做的是使用 ejs 模板显示可编辑的信息表，并且当用户单击 CBA 时会打开一个具有最初选择结果的 select2 框，然后用户可以在其中添加或删除选项，选项来自数据库源，当用户选择一个选项时，它会在数据库中添加一个带有所选选项的空选项，数组看起来像这样

[“ABCD”、“ONAB”、“”、“BCNU”]

我在某处读到了有关 allowClear: true 并添加了一个 placeHolder 但它根本没有帮助我。由于一切都是动态完成的，我找不到添加空选项的位置。

代码如下：

Select 2 的 Ejs/HTML 代码

选择 2 的 Javascript

从数据库返回代码的格式：-

显示自己添加的空框的图像

我编辑后数组的外观

我对 angular 还很陌生，并且已经使用 requirejs 和 angular 设置了一个项目，但使用 UI 做了相当简单的事情。

我的问题是使用角度，你如何去创建一个可以在运行时重用和添加的组件/控件。例如，在 jquery 中，我可能会创建一个插件并在对元素调用插件之前动态添加 dom 元素。

即 $(el).append("").mycontrol({opts:1});

我还没有真正开始使用角度模板和重复，但认为这可能是要走的路，但是如何“引导”动态添加的新控件。

我想到的例子是我正在使用 ui-select2 (AngularUI)，我想在一些动态添加到 dom 的面板中包含 select2 组件。

当然，另一种解决方案是从添加主机 dom 元素的 ng 控制器调用 select2 函数。

欢迎任何信息

我有一个简单的 select2 init，我想在默认情况下禁用它，而不用在之后链接 a .select2("enable", false)。

HTML：

JS：

有关示例，请参见我的JSFiddle。在此处选择 2 个文档。

对于一些背景知识，我正在尝试创建一个允许用户发送消息的简单表单。我正在使用 ui-select2 来允许用户搜索消息收件人，但由于某种原因，选择用户不会更新必要的范围变量。

这是相关的 html 代码（它是指令的模板），这是指令代码：

我已经尝试过使用和不使用链接元素和范围元素的指令，但这些更改似乎没有任何区别。我还尝试输出消息对象的内容，虽然它确实获取了对内容和主题的更改，但它并没有获取对收件人的更改。另外，我已经在我的应用程序的其他地方成功使用了 ui-select2，所以我不确定这个实例有什么不同。

如果您需要更多信息，请告诉我。

我有 ui-select2 下拉列表，它取决于父级的选择。我为第一个 ui-select2 提供了一系列选项，然后当从该下拉列表中选择某些内容时，将出现下一个下拉列表。第二个下拉菜单的可用选项取决于第一个下拉菜单中选择的内容。ng-repeat 指令正在迭代一系列选择。这是html和js代码。

HTML：

<select name="application" placeholder="Select a Tenant" ng-disabled="!sharedObj.tenantApplications || sharedObj.tenantApplications.length == null" class="form-control" id="application" ng-change="vmOrderItem.vmNameUSI=null" ui-select2 ng-model="vmOrderItem.tenantApplication" title="Select tenant application" data-style="btn-default" required><option></option> <option ng-repeat="tenantApplication in sharedObj.tenantApplications | filter:tenantFilter()" value="{{tenantApplication.id}}">{{tenantApplication.name}} </option> </select>

JS：

我得到的问题是，即使我返回 true，下拉菜单上也不会出现任何内容。我这样做是为了测试逻辑。我不知道为什么函数中的tenantApplication 参数总是未定义。我使用谷歌浏览器检查元素插入断点，它抱怨参数未定义。但是我不明白为什么当我返回 true 时它不能正常工作。我是 JavaScript 和 AngularJS 的新手，因此非常感谢任何帮助。我已经完成了所有 AngularJS 示例并阅读了他们的文档，但我仍然只是一个初学者。

我正在尝试从下拉列表中选择一个值并从 angularJs 中对应的选择 id 获取数据

我想出了angular-ui/ui-select指令

在我的控制器上，我有获取客户方法

我的问题是

• 一旦我选择了我应该使用哪个事件来触发 setActiveCustomer 的客户（比如 onchange 或其他东西）。当我ng-click 多次使用事件触发时，因为ng-click用于控制激活。

• 另一件事是如何为ui-select设置初始值？

谢谢

select2提供了一些自定义事件，我希望能够收听它们，尤其是“select2-removed”或更好的自定义“更改”事件，我一直在互联网上搜索一些示例，但没有运气。

这是我到目前为止所做的：

HTML：

JavaScript（角度）

用户实际上在这里所做的是编辑标记到他/她的地址的标签，并且通过编辑我的意思是用户可以将新标签标记到他/她的地址或删除以前标记的标签。这就是为什么我需要跟踪添加了哪些标签以及删除了哪些标签。

更新

我在这个讨论中看到了一个合理的解决方案，但我无法让提供的代码与我的一起工作，所以我做了一些解决方法，这就是我所做的。

所以不要添加，

在这附近的某个地方，

我把它放在这里，

然后我在我的控制器上做了通常的事情，

并且工作得很好。

但我怀疑这是一个非常好的主意，我仍然希望有更好的解决方案。

我想在我的ui-select2指令时触发回调或事件

已呈现 Select2 DOM 元素。我怎样才能做到这一点？有没有我不知道的构造函数属性？

如何将不在列表中的标签的默认 ID 设置为 0？

关联

在上面的例子中，如果我们从现有中选择，那么它带有 id（1 或 2 或 3），但如果添加新标签并按 Enter 键，则 id 变为文本，我希望 id 设置为新标签的 o 或不从列表中。

怎么做？

我在 yii 框架中使用 Select2 Widget 并想在更改事件上调用函数但它不起作用

我将在更改时发出警报消息，但这不起作用，并且不会在控制台上显示任何错误消息或其他内容，提前致谢