问题标签 [ngx-select-dropdown]

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

javascript - Angular ngx-select-dropdown:下拉选项不更新

我是角度新手,所以这可能是一个非常简单的问题。我正在使用 ngx-select-dropdown (下拉控件)。页面上有两个下拉控件,当第一个下拉列表更改时,第二个下拉列表应更新下拉选项。

新的下拉选项已通过 rest api 正确下载。我的问题是用户界面没有更新。当我在 ngOnInit 中添加下拉选项时,它可以工作。但是当我稍后添加它们时,它不起作用。

这会起作用:

这不是:

HTML页面:

0 投票
0 回答
1136 浏览

validation - 如何从提交验证ngx-select-dropdown?

我有一个表单,其中我使用了 ngx-select-dropdown 和 angular7。在我的表单中,选择选项是必需的。我想在表单提交时验证它。但是我的验证方法不适用于 ngx-select-dropdown 库,并且在 ngx-select-dropdown 的文档中我找不到任何有关验证的帮助信息。是否可以验证它?

0 投票
1 回答
2064 浏览

angular - 如何将角度 FormArray 绑定到 ngx-select-dropdown

我正在使用ReactiveForms编写 angular7 单页 Web 应用程序。我需要在可搜索的下拉列表中列出客户集合,为此我正在尝试使用ngx-select-dropdownhttps://www.npmjs.com/package/ngx-select-dropdown

我的客户类如下所示

我的组件类看起来像这样

我的 HTML 模板看起来像这样

我想要的是带有以下选项的客户下拉列表。

  1. 下拉菜单应该是可搜索的。
  2. 下拉菜单应该是单选。
  3. 选择项目时,应更新“selectedCustomer”表单控件。(请参阅此演示中的“单选下拉”示例:https ://manishjanky.github.io/ngx-select-dropdown/ )

我在stackblitz中添加了一个示例项目

0 投票
2 回答
2357 浏览

angular - ngx-select-dropdown 设置具有多个值的 displayKey

我正在使用ngx-select-dropdown搜索功能,我想设置多个displayKey值,例如:firstnamelastname.

下面是我的config对象:

html:

如何显示多个值displayKey?此外,需要对该下拉菜单进行验证。

0 投票
3 回答
5518 浏览

html - 不知道如何在 ngx-select-dropdown Angular 8 中设置选项

我想在我的组件中获得一个下拉列表。

在我的 HTML 中,我有

<ngx-select-dropdown [options]="list"></ngx-select-dropdown>

在 TypeScript 文件中:

如何在 .ts 中设置我的选项列表?使用“选项”是否正确?

0 投票
2 回答
654 浏览

rxjs - ngx-select-dropdown 如何包含 debounceTime?

我需要[options]动态填充我的数组,一旦用户完成输入,我需要进行 API 调用并获取我的选项列表。

为了避免多次 API 调用,我想使用类似 rxjsdebounceTime(1000);

有没有办法使用 debounceTime?或者还有其他推荐的选项可以使用吗?

0 投票
3 回答
2262 浏览

angular - 在下拉列表中自动选择值

如何将一个值设置为下拉菜单中的默认选定值?我正在使用 Angular 8。我有以下 html

我尝试过使用[selected]="contentType.name=='TEXT'",但下拉菜单仍然没有将默认选择值显示为“纯文本”。

contentTypes 是一个数组[{"name":"TEXT","displayName":"Text Only"},{"name":"AUDIO","displayName":"Audio"},{"name":"VIDEO","displayName":"Video"}]

0 投票
2 回答
240 浏览

javascript - 如何以对象数组的形式传递数据?

我在我的 Angular 5 项目中使用包ngx 选择下拉菜单,并想知道如何传递对象数组而不是字符串数组。目前,如果我这样做,它会在下拉菜单中将 [Object Object] 显示为选项。

我想在下拉列表中和选择获取所选选项的 id 时向用户显示描述。

0 投票
1 回答
477 浏览

angular - 如何在 ngx-dropdown-list 中设置默认值

我想要的是刷新我想从 API 获取值并添加为选择列表中选择的页面。这里的语法

我如何从组件 ts 文件的列表中添加选定的值?

0 投票
1 回答
265 浏览

angular - ngx-select 下拉菜单给出错误,预期为 0 参数,但在运行构建时得到 1

我在我的角度包中使用 ngx select 下拉菜单我已经正确完成了所有操作并且它工作正常但是在运行构建时我遇到了一个错误,我被卡住并且无法继续前进。请帮忙。在下拉组件中 HTML (change)="selectionChanged($event)" 是唯一使用的函数,参数在 ts 文件中接收。!在 ts 中传递和使用的参数也仍然出现错误,不明白问题 在此处输入图像描述 HTML的根本原因是什么

TS

模块.ts