问题标签 [angular-ngselect]

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 投票
1 回答
4826 浏览

angular - ng-select:远程 API 调用不刷新视图

我正在使用ng-select组件(https://github.com/valor-software/ng2-select)。我实现了一种在用户键入时远程获取数据的方法。但是,将获取新数据并正确填充(项目)对象,但视图不会刷新。

让我给你一些代码:

这是模板

控制器:此方法在按键时执行:

控制器:在 ngInit 上,我订阅该事件以获取新数据:

控制器:这是获取结果的方法:

一切都与对象正常工作:项目数组已正确填充和填充。但是,只有当我专注并重新进入时,下拉菜单才会关闭和打开。似乎是组件中的一个错误。我还在他们的github上提出了一个问题:

https://github.com/valor-software/ng2-select/issues/929

任何帮助是极大的赞赏 :)

0 投票
1 回答
220 浏览

angular - ng-2 select (typed) 不能正常工作有解决办法吗?

我正在使用 ng-select (typed) 属性,该属性绑定到一个事件,当输入长于 3 个字符时该事件会发送到服务器。问题是,当事件被触发时,什么也没有发生,我需要手动删除输入文本以查看传入的数据......是否有解决这个问题的方法,当它们从服务器返回时列出项目立即无需任何用户操作?

0 投票
1 回答
15170 浏览

angular5 - 以编程方式在 angular5 ng-select 中设置选定值

我正在使用 angular5 ng-select 组件: https ://github.com/ng-select/ng-select 并尝试在首次加载容器组件时(以编程方式)设置所选值(在模型)。我没有为它或每个项目的isSelected找到任何相关属性。这是我的代码(过滤): HTML:

模型:

0 投票
1 回答
268 浏览

angular - ng-select Angular 2+ 更改模型视图

我正在为我的 angular 5 应用程序使用 ng-select 组件。ng-select 组件 我想更改视图组件。在多选中,我想打印组件的数量而不是列出选定的组件。

0 投票
2 回答
6853 浏览

angular - Angular TestBed:无法绑定到“ngModel”,因为它不是“ng-select”的已知属性

我正在尝试使用 TestBed from 来测试一个在其 HTML 中具有 ng-select 的 Angular 组件。我首先收到错误消息说不能绑定到“项目”,因为它不是“ng-select”的已知属性。所以我已经导入了 NgSelectModule 并将其添加到 TestBed 配置中的导入中。它现在返回Can't bind to 'ngModel' 因为它不是 'ng-select' 的已知属性

0 投票
1 回答
2091 浏览

angular - 对于 ng-select 控件的自定义验证,Angular 2 表单状态始终无效

我在用户信息表单中使用了验证,如下所示。

我创建了以下服务来检查验证

在 HTML 中使用 checkMinLength 检查customername字段的验证。这些验证工作正常,但是当我检查表单状态时,它显示“无效”。对于 ng-select 控件,提交按钮始终处于禁用状态

0 投票
3 回答
16485 浏览

angular - 如何正确地将加载的数据绑定到@ng-select,angular5

使用 angular 5 和@ng-select我发现了一些绑定到先前选择的数据的问题(在编辑表单中,例如)

ngselect 定义

从 api 我以这种方式序列化实体:

从服务器接收(json)(这是来自模型)

我也用这些项目填充 ngselect。我从服务器收到了一个包含上述对象的数组(实际上是同一个实体,因此它们以相同的方式序列化)

这个文档这个文档之后,我尝试同时使用它们,所以我添加了一些额外的序列化字段(ummaped)并得到了上面的 json(text=name=numero,id=value)。问题是它根本不起作用,每次我有一个选定的选择时,仍然从 ng-select.js 收到这个错误:

绑定对象({"id":2,"numero":"dfdhdf","dimension":324234,"tipoContenedor":"324324","contenedorEmbarques":[],"text":"dfdhdf","name" :"dfdhdf","value":2,"createdAt":"2018-03-26T12:44:48-04:00","updatedAt":"2018-03-26T12:44:48-04:00" }) 与 bindValue 是不允许的。

对象具有相同且必需的属性,但仍然无法正常工作

有什么帮助吗?

0 投票
2 回答
20346 浏览

angular - Angular 5 ng-选择

我正在使用来自https://github.com/ng-select/ng-select的 ng-select 组件 。但是,在某些情况下,下拉列表的内容太长。下拉列表中的字符串将被缩短...是否可以根据内容的长度使下拉列表大于输入宽度?可能使用 CSS 样式(自定义)。

0 投票
0 回答
1485 浏览

angular - Angular:ng-select选项宽度到某个组

我正在尝试从 ng-select 所属的组中设置选项宽度。

目前它看起来像这样:

当前用户界面

我想显示这样的选项:

在此处输入图像描述

我当前的代码是这样的:

在此处输入图像描述

我希望我可以在 ng-select 中添加一些东西来设置与表单搜索相同的选项宽度。我找不到资源来做到这一点。任何其他方式也会有所帮助。谢谢

0 投票
0 回答
67 浏览

jquery - 当浏览器为移动大小时如何添加routerLink?

任何人都请建议什么是正确的方法,我想在浏览器大小为移动时启用 [routerLink]="onClickSearch()" 然后在不移动时禁用它。

jQuery代码:

代码

提前致谢