问题标签 [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.
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'。
angular - 如何在 ng-select angular 5 中对 ng-select 匹配的记录进行排序
我在我的 Angular 应用程序中使用 ng-select 自动完成来竞标国家名称和国家代码。示例 - 如果我在搜索框中输入结果将是
印度 - IN
在印度尼西亚 - ID
在加载我检索到的所有国家代码列表时,根据知识,它将通过使用 ng-select 的自定义搜索功能来完成。
请检查下面给出的我的代码 -
请帮助我如何达到我的最终输出,我现在非常接近,只是我想知道如果国家代码完全匹配,如何排序以达到最高记录。
提前致谢。
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",
angular - 如何在分配给 formControlName 的对象中添加附加属性
我得到一个响应作为一个对象数组,比如
我将此响应填充到 ng-select(多选),然后当我选择选项时,我得到相同的响应格式。但我需要在所选对象中添加一个附加属性“自定义费率”。喜欢
我该如何实现这一点,是否可以通过为变量分配预定义接口的概念来实现这一点?或者通过循环和映射选定的值并将 customRate 属性附加到它。
这是我的代码:
这是 stackblitz 演示:demo
angular - 如何处理以角度反应形式的对象数组形式出现的响应
我得到一个对象数组作为响应,并将其分配给具有 formControlName 'custom' 的多选(ng-select)。我得到的响应看起来像这样
这是我的表单组
现在无论我选择什么对象。我将它填充到一个表格中,其中表格的一列是可编辑的。现在我在表格的可编辑列中编辑数据,当我点击保存按钮时,我应该得到编辑数据的响应。
我已经使用 formControl 名称填充了数据。
这是我的代码:
这是演示: 演示
我是 angular-reactive-forms 的初学者,我对如何使用 formArray 和 formGroup 有点困惑。以及如何处理对象数组的响应。
希望您理解我的问题,如果您需要任何澄清,请发表评论。
提前致谢。
angular - 如何以角度反应形式将对象动态注入到 formArrayName
我正在将我的对象响应数组加载到多选(ng-select)中。我的回复是这样的
formModel是这样的
当我在多选中选择选项时,我无法获取 formArrayName 'custom' 中的值。但是当我使用“自定义”作为“formControlName”时,我能够获得我选择的对象。
这是我的代码:
这是演示:demo在这个演示中,我给出了带有 formControlName 而不是 formArray 名称的 ng-select 标记,以使您了解我的要求。
所以,我选择的任何对象都应该加载到 formArrayName 中。我尝试向 ng-select 添加(更改)功能,但它给出了不同的答案。
提前致谢。
javascript - NgSelect 没有在选择中选择选项
即使比较是正确的,Ng-Selected 也没有选择正确的选项。我可以在输出中看到比较工作得很好。
我的实际问题是,即使在成功比较之后(与其他 Int 和字符串比较返回 false 的问题不同)。为什么它不选择该选项。
我不能将选项用于其他目的。其次,在复制到代码段时,它有一些错误。这就是为什么它不起作用。
谢谢 :) 请帮忙
javascript - 搜索事件未在 @ng-select/ng-select 中触发
是我的代码。但奇怪的是,除了搜索事件之外,所有输出事件(如模糊等)都会被触发。作为一种解决方法,我使用 (keyup) 事件来触发相同的事件。我是否有任何错误不触发搜索事件。
css - 如何使 ng-select 删除和只读
在我的 Angular 应用程序中,我有一个ng-select小部件的实例:
如果单击它,默认情况下您可以搜索项目并将更多项目添加到当前选择中:
我想更改此默认行为,特别是:
- 应该不可能添加新元素
- 单击它不应打开搜索栏或项目列表
- 它不应该显示向下箭头图标(默认显示在右侧)
- 它不应该显示X 图标来一次删除所有选择(默认显示在右侧)
所以这就是我想要的样子:
angular - onChange 事件不会与 FormControl 和 ControlValueAccessor 一起触发(角度 6)
我正在尝试使用自定义组件包装 ng-select ( https://github.com/ng-select/ng-select ) 组件,我正在使用具有反应形式的 ControlValueAccessor,
这是 sh-ng-select 的模板
这是我要嵌入自定义组件的主要组件
shChange 事件在我添加 formControlName 之前正常触发,但是一旦我这样做,事件就不会触发,并且控制台不会抛出任何错误......这是为什么呢?