问题标签 [ui-select]

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 回答
14500 浏览

angularjs - ui-select 如果为空则禁用

我是 AngularJS 的初学者。我有一个应用程序调用 API 来获取汽车品牌、型号和年份的嵌套列表。我创建了三个 ui-select 元素来显示调用结果,从汽车品牌列表开始,然后过滤到该品牌中的模型,最后是该模型的年份。我希望第二个和第三个选择在为空时禁用,这样用户就无法尝试开始我输入汽车模型。

这就是我试图确定每个选择是否为空的方式,基于Angular ui-select 占位符在 ng-model 初始化时不起作用

我的输入都没有被禁用。

0 投票
1 回答
116 浏览

angularjs - 如何在小孩看nb-Model?

我在控制器内使用 ui-select,我需要从控制器监听 ng-model 的更改,这是我的 HTML:

在 countrySelection 控制器中:

如果我将 ui-select 指令中的国家/地区选择设置为如下属性,则 watch 将起作用:

但是,然后,我将无法隔离范围country-selection,我会得到错误

那么,我将如何从父指令ng-Model中查看指令中的属性?ui-selectcountry-selection

0 投票
1 回答
2053 浏览

angularjs - AngularJS ui-select 组件,多选+远程服务器

如何使用 ui-select 从 REST 服务实时获取数据?

有一个带有预加载数据的 ui-select 示例,但是对于相同的情况,假设有 1000 个用户,并且您想选择其中 5 个并按名称搜索,例如,您可以实时调用服务吗?不知何故,就像提前打字一样。

0 投票
2 回答
8506 浏览

angularjs - Angularjs:在ui-select-choices中选择ui-select ng-click

我正在尝试在选项中使用添加按钮,但问题是 ng-click 触发但未选择该选项。

我可以向函数发送一些参数并处理这种情况,即使选择该项目索引的单击链接,以便模型采用正确的值,或者像上面的工作示例一样将它带到外面......

但是我怎样才能正确处理这个问题,停止事件,选择选项而不发送对象或其某些属性,然后做剩下的事情?

0 投票
1 回答
3915 浏览

angularjs - 具有单独选定值的多个 ui-select

我使用以下内容根据服务器数据创建了几个 ui-select 下拉菜单。我喜欢从每个下拉列表中选择独立的项目。当我在一个下拉列表中选择一个项目时,所有下拉列表都被分配相同的值。如何分隔选定的值?

这是一个屏幕截图。所有三个下拉列表都有不同的值集。

在此处输入图像描述

0 投票
2 回答
2400 浏览

angularjs - 按回车选择下拉值直接提交表单

我正在使用 ui-select,每当我按 enter 选择一些搜索结果时,都会选择结果并直接提交表单。我想不通,这是什么问题。

这是我正在使用的 HTML

0 投票
1 回答
1212 浏览

angularjs - 嵌套指令和 ui-select 中的双向绑定

我一直在处理的问题:

可以在此处找到原始问题(仅解决单向绑定): 无法将 ngModel 从控制器传递/更新到指令

我已经设法从指令内部获得单向绑定到视图工作。但是,如果我想在页面加载时推送选择,例如,我无法让双向绑定起作用。我可以看到第一个指令中的 ng-model 正在获取数据,但我尝试了子指令的各种范围设置,要么它破坏了它,要么它做与以前相同的事情 - 没有。

$watch设置了一个基本功能,因此当我将一个简单对象推送到视图中附加到 ng-model 的绑定中时,观察者将 $viewValue 分配给指令的范围对象。它这样做了,并且该指令仅通过清除任何现有选择来响应,即使我可以清楚地看到分配给 ui-select 的 ng-model 绑定中的对象。

这是手表功能:

每当我们与 ui-select 交互时,我都会使用这个函数来更新视图(效果很好):

用于修补的 Plunker

所以预期的行为是:

  • ui-select 中的选择应显示在选择中,并传递给视图
  • 通过单击“更改”按钮,数据应显示在视图中,并传递给 ui-select
0 投票
2 回答
1753 浏览

angularjs - 使用 ui-select 的多个选择框显示错误

错误:[ngRepeat:dupes] 不允许在转发器中重复。使用“track by”表达式指定唯一键。中继器:$select.selected 中的 $item,重复键:数字:1,重复值:1

0 投票
2 回答
1046 浏览

javascript - ng-init 真的是一种在没有控制器的情况下在视图中设置变量的坏方法吗

我正在使用 ui-select 创建具有多个视图的复杂页面。对于那些不知道当用户选择一个选项卡(或者在我的情况下是一个下拉菜单)时每个视图都是通过 ajax 加载的人。传统上,视图有自己的控制器和 html 模板。视图继承了它们所在的父页面的范围,但有自己的子范围。

就我而言,我们的一些视图根本没有控制器。它们非常简单,我们只有它们的 html 页面。问题是我希望他们能够在父页面范围内的配置对象上切换布尔值,以关闭父页面上的某些控制字段。一切都已经存在,多个页面使用这些视图,我只是想扩展它们以在父级上切换某些内容。

我可以通过三种方式做到这一点。我可以在我的 ui-router 中使用 resolve 方法在加载视图时显式切换我想要的字段,但是我必须在每个 ui-router 中显式地为每个页面执行此操作;没有很酷的代码重用。

我可以让我的 ui-router 加载一个控制器,目前我没有控制器,而控制器可以做到这一点。然而,这意味着手动添加一个在我使用视图的任何地方都不需要的控制器,并且再次感觉不像代码重用。

或者我可以使用 ng-init 让我的视图在加载时明确设置我想要的值。对我来说,这感觉最干净、最简单,因为我还没有控制器。

但是, ng-init 不受欢迎,应该只用于别名。然后使用 ng-init 是否有更清洁的方法?没有控制器的视图真的很糟糕吗(更准确地说,他们仍然有父控制器,但是在打开新视图时不会重新加载)。

0 投票
1 回答
2326 浏览

angularjs - 角度用户界面选择。与选择-重复分别添加选择

我需要在 ui-select 和一个自定义项目中显示一系列选项。如何将此自定义项添加到当前指令?我无法在数组中插入此自定义项,因为显示此自定义项的 UI 不同