问题标签 [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 回答
1449 浏览

jquery-select2 - 当我尝试将 ng-select2/ng2-select/ng2-select2 与 angular 5 项目 @types/select2 包一起使用时出现错误

node_modules/@types/select2/index.d.ts(163,18) 中的错误:错误 TS2430:接口 'AjaxOptions' 错误地扩展了接口 'Pick string)' 不能分配给类型 'string'。类型 '(params: QueryOptions) => string' 不可分配给类型 'string'。

0 投票
1 回答
5424 浏览

angular - 如何在 ng-select angular 5 中对 ng-select 匹配的记录进行排序

我在我的 Angular 应用程序中使用 ng-select 自动完成来竞标国家名称和国家代码。示例 - 如果我在搜索框中输入结果将是

印度 - IN

印度尼西亚 - ID

在加载我检索到的所有国家代码列表时,根据知识,它将通过使用 ng-select 的自定义搜索功能来完成。

请检查下面给出的我的代码 -

请帮助我如何达到我的最终输出,我现在非常接近,只是我想知道如果国家代码完全匹配,如何排序以达到最高记录。

提前致谢。

0 投票
1 回答
2627 浏览

angular - 升级到最新版本后,ng-select 下拉菜单在 UI 上中断 - Angular 6

我已将我的应用程序从 Angular 5 迁移到 Angular 6。我还将 ng-select 版本更新为 2.4.2,这是来自 npm / GitHub 的最新版本。

升级后,下拉菜单坏了,我看不到下拉菜单的设计或样式。只是 UI 上 HTML 损坏的列表。

有谁知道如何修复它或哪个版本的 ng-select 可以与 Angular 6 一起使用?

由于那里的“labelForId”属性,我必须使用 ng-select 2+ 版本。

这就是 package.json 的样子。

这就是它的外观。

在此处输入图像描述

有谁知道如何修理它?

奇怪的是它在 "@ng-select/ng-select": "^0.16.0",

0 投票
2 回答
340 浏览

angular - 如何在分配给 formControlName 的对象中添加附加属性

我得到一个响应作为一个对象数组,比如

我将此响应填充到 ng-select(多选),然后当我选择选项时,我得到相同的响应格式。但我需要在所选对象中添加一个附加属性“自定义费率”。喜欢

我该如何实现这一点,是否可以通过为变量分配预定义接口的概念来实现这一点?或者通过循环和映射选定的值并将 customRate 属性附加到它。

这是我的代码:

这是 stackblitz 演示:demo

0 投票
1 回答
1782 浏览

angular - 如何处理以角度反应形式的对象数组形式出现的响应

我得到一个对象数组作为响应,并将其分配给具有 formControlName 'custom' 的多选(ng-select)。我得到的响应看起来像这样

这是我的表单组

现在无论我选择什么对象。我将它填充到一个表格中,其中表格的一列是可编辑的。现在我在表格的可编辑列中编辑数据,当我点击保存按钮时,我应该得到编辑数据的响应。

我已经使用 formControl 名称填充了数据。

这是我的代码:

这是演示: 演示

我是 angular-reactive-forms 的初学者,我对如何使用 formArray 和 formGroup 有点困惑。以及如何处理对象数组的响应。

希望您理解我的问题,如果您需要任何澄清,请发表评论。

提前致谢。

0 投票
1 回答
630 浏览

angular - 如何以角度反应形式将对象动态注入到 formArrayName

我正在将我的对象响应数组加载到多选(ng-select)中。我的回复是这样的

formModel是这样的

当我在多选中选择选项时,我无法获取 formArrayName 'custom' 中的值。但是当我使用“自定义”作为“formControlName”时,我能够获得我选择的对象。

这是我的代码:

这是演示:demo在这个演示中,我给出了带有 formControlName 而不是 formArray 名称的 ng-select 标记,以使您了解我的要求。

所以,我选择的任何对象都应该加载到 formArrayName 中。我尝试向 ng-select 添加(更改)功能,但它给出了不同的答案。

提前致谢。

0 投票
1 回答
184 浏览

javascript - NgSelect 没有在选择中选择选项

即使比较是正确的,Ng-Selected 也没有选择正确的选项。我可以在输出中看到比较工作得很好。

我的实际问题是,即使在成功比较之后(与其他 Int 和字符串比较返回 false 的问题不同)。为什么它不选择该选项。

我不能将选项用于其他目的。其次,在复制到代码段时,它有一些错误。这就是为什么它不起作用。

谢谢 :) 请帮忙

0 投票
1 回答
1570 浏览

javascript - 搜索事件未在 @ng-select/ng-select 中触发

是我的代码。但奇怪的是,除了搜索事件之外,所有输出事件(如模糊等)都会被触发。作为一种解决方法,我使用 (keyup) 事件来触发相同的事件。我是否有任何错误不触发搜索事件。

0 投票
4 回答
17808 浏览

css - 如何使 ng-select 删除和只读

在我的 Angular 应用程序中,我有一个ng-select小部件的实例:

在此处输入图像描述

如果单击它,默认情况下您可以搜索项目并将更多项目添加到当前选择中:

在此处输入图像描述

我想更改此默认行为,特别是:

  • 应该不可能添加新元素
  • 单击它不应打开搜索栏或项目列表
  • 它不应该显示向下箭头图标(默认显示在右侧)
  • 它不应该显示X 图标来一次删除所有选择(默认显示在右侧)

所以这就是我想要的样子:

在此处输入图像描述

0 投票
1 回答
4628 浏览

angular - onChange 事件不会与 FormControl 和 ControlValueAccessor 一起触发(角度 6)

我正在尝试使用自定义组件包装 ng-select ( https://github.com/ng-select/ng-select ) 组件,我正在使用具有反应形式的 ControlValueAccessor,

这是 sh-ng-select 的模板

这是我要嵌入自定义组件的主要组件

shChange 事件在我添加 formControlName 之前正常触发,但是一旦我这样做,事件就不会触发,并且控制台不会抛出任何错误......这是为什么呢?