问题标签 [angular-ngselect]

我正在使用最新版本的 JHipster 开发一个应用程序，我试图通过使用来自https://github.com/ng-select/ng-select{<ng-select>}的模块来显示多选下拉列表。但它不显示。这是下面的代码。我的 app.module.ts 文件：

数据服务：

人员组件：

我的html代码是：

任何帮助表示赞赏

我需要在选择中显示数据，每行有两行。我正在使用 ng-select。

我正在使用 ng-select 并尝试在 ng-option 中显示数据，它在一行中显示数据。已经尝试过 br 和 /n。

提前致谢。

我试图使用带有自定义样式的 ngx-select 显示下拉项目。下拉项是另一个组件的数组（具有组件特定的样式）。如何做到这一点？这是我的代码selectDropdown

我一直在使用这个https://ng-select.github.io/ng-select#/multiselect，我想要的是，我想禁用所选项目的 dis select 功能。

演示：https ://stackblitz.com/edit/ng-select-555ova?file=app%2Fapp.component.ts

在 Angualr ng-select 中，我们可以从下拉列表中选择值，或者我们可以通过在选择框中键入来添加新值。现在我希望选择框应该只允许输入新值的数字（我期待像输入类型数字）。

参考错误截图。

在我的 Angular 应用程序中，我有一个简单的反应式表单，它使用ng-select作为必需的输入。

我还有一个“保存”按钮，仅在表单有效时才启用。

一切正常。

我想编写一个简单的测试用例，以确保在 ng-select 控件没有值时不启用 Save 按钮。

这是我能够做到的：

但是我想以不同的方式构建这个测试，我想模拟更多更高级别的工作流程：而不是手动设置表单控件的值，我想做一些类似的事情：

“在 ng-select 中键入值 xxx”

“从下拉菜单中选择项目 xxx”

（断言保存按钮现在已启用）

“通过单击 ng-select 的‘X’清除选择”

（断言“保存”按钮现在已禁用）

我怎样才能做到这一点？

我正在学习 Angular，并第一次尝试使用 NgSelect。而且我注意到，如果我将 dropdownValues 用作 [items]，则每次鼠标指针悬停在选择中的任何选项上时，或者每次打开和关闭选择控件时，它都会在控制台“dropdownValues”中显示，等等。只需移动指针快速超过选项无论我使用 _dropdownValues 还是 dropdownValues，我都会在 CPU 上获得 15-20% 的负载。这里发生了什么？为什么 NgSelect 每次我做一些不应该成为重新渲染或再次检索 [items] 的原因时都需要检索 [items]。我可以做些什么来优化我的代码，使其不会加载这么多 CPU？

在 Angular 6 项目中，我正在尝试使用ng-select节点包。在使用模板表达式时，我面临着设置下拉列表中选择的项目的困难。没有模板表达式，我可以设置下拉列表中选择的项目。

我在 stackblitz 中创建了一个演示项目。请在此处检查代码https://stackblitz.com/edit/ngselect-demo

我正在使用 ng-select 我有一个多选下拉菜单，一切正常，但我想要一些更改，我想在用户开始输入内容时显示下拉菜单，并在文本框中仅显示用户输入内容的过滤数据。

我在 URL 中有一个带有 id 的视图。加载此视图时，我调用服务并获取所有用户数据，看起来类似于。

假设用户没有配置文件，因此选择组件只有所有数组数据。在其他情况下，假设用户有一个管理员配置文件，因此选择组件具有所有数组，但 admin 是默认选择的。

在 HTML 我有

结果是。

问题是组件不显示任何数据。显然有效，一个用户有两个配置文件，但我不知道如何显示描述。有什么帮助吗？