ng-select - 根据 JSON 数据未正确加载
[英]ng-select - Data not loading correctly according to JSON
我正在尝试使用以下 function 加载下拉数据。（使用 ng-select 库）loadBranches() { this.registrationService.getBranchName().subscribe(data => { console.log(data); ...
如何一直在 ng-select 中显示模板？
[英]How to display a template in ng-select all the time?
在 Angular @ng-select 中，即使没有选择选项，我们如何始终显示模板？ 如果选择了一个选项，我可以使用 ng-multi-label-tmp。 如果没有选择选项，则 ng-multi-label-tmp 不会呈现。 占位符正在渲染。 我需要放置一个模板而不是占位符（应该在两种情况下 ...
Angular ng-select ngModel 更改但 ng-select 未更新
[英]Angular ng-select ngModel changes but ng-select not updating
我有一个 ng-select 看起来像这样： 其中 productGroupTags 是一个对象数组，selectedProductGroup 是选定的 object。当使用 ng-select 选择 productGroupTags 中的一项时，它有效，但在从外部设置 selectedProduc ...
在 ng-select 角度组件中使用 VirtualScroll true 下拉列表中的额外空白
[英]Extra white space in dropdown with VirtualScroll true in ng-select angular component
当我使用 virtuallScroll 属性为 true 时，ng-select 下拉列表中会显示额外的空间。 可重现的示例https://stackblitz.com/edit/angular-uuvic8?file=styles.css ...
如何使用 `?q=...` HTTP 参数使用 ng-select 执行后端搜索？
[英]How can I perform a backend search with ng-select using a `?q=...` HTTP parameter?
我在Angular 12 应用程序中使用ng-select 7.2.0。 我需要提供给 ng-select 的数据包含数万个条目，因此我不想将所有数据预加载到ng-select中，以便在您键入时让它执行前端过滤。 相反，我希望ng-select使用我的后端作为数据源并传递一个参数，例如q ，用户 ...
根据首字母匹配搜索或过滤数据
[英]search or filter data based on first letter match
我正在使用ng-select 库来实现搜索下拉列表。 我正在尝试实现一个自定义函数，该函数将在我开始输入时通过下拉列表中的第一个匹配字母来过滤项目。 例如，如果用户输入“A”，它应该只在以“A”开头的下拉列表中显示人员姓名。 我创建了一个stackblitz示例。 我试着用Array.filter ...
"<i>All inputs and dropdown should be blocked (no possibility to write or select options) until you press the Edit button.<\/i>在您按下编辑按钮之前，应阻止所有输入和下拉菜单（无法写入或选择选项）。<\/b> <i>Why is it not working?<\/i>为什么它不起作用？<\/b>"
[英]All inputs and dropdown should be blocked (no possibility to write or select options) until you press the Edit button. Why is it not working?
我的html文件： ...
ng0100 expressionchangedafterithasbeencheckederror with ng-select (@ng-select/ng-select)
[英]ng0100 expressionchangedafterithasbeencheckederror with ng-select (@ng-select/ng-select)
我曾说过表单中的下拉菜单错误。 我在堆栈上偶然发现了以下问题： 参见关于 ng0100 和 angular Lifecycle 的讨论，并试图解决它不同的生命周期操作、变更检测等......。 无济于事。 在此之上，我警告说我仍然在已弃用的 FormControl 中使用 NgModel。 我在 n ...
从外部删除 ng-select 中选择的值
[英]Remove values selected in ng-select from outside
我使用ng-select从列表中选择多个值。 根据要求，所选值应显示在ng-select组件下方，并且必须可以从下方移除过滤器。 代码可以在这里找到： https : //stackblitz.com/edit/angular-gm6zrs?file=src/multi-select-defaul ...
除非单击 ng-select，否则 Angular ng-select 值不会刷新
[英]Angular ng-select value is not getting refreshed unless clicking the ng-select
我正在尝试使用表单 valuechanges 根据其他字段值设置 ng-select 的值。 该值已设置但直到我单击 ng-select 框才显示。 bindLabel 没有刷新。 成分： 任何人都可以帮助解决这个问题吗？ 谢谢 ...
角字体真棒图标作为 css 中的内容呈现为框
[英]Angular font awesome icon as content in css renders as box
在此处发布此问题之前，我已经浏览了多种资源。 我正在使用一个 angular 项目，我尝试使用 ng-select 并用 font-awesome 中的其他内容替换下拉图标。 我使用以下 2 个步骤为项目添加了 font-awesome： 尝试使用以下方法替换 css 中的ng-select下 ...
ng-select 使用图像 url 更改下拉箭头
[英]ng-select change dropdown arrow using image url
我正在尝试使用资产文件夹中的图像来更改 ng-select 下拉箭头。 有参考使用如下字体真棒 - 这是有效的 但是，我正在尝试类似下面的方法来实现它： 但是，这不是渲染资产图像。 感谢任何输入。 ^^ 这是我用于下拉箭头的图像插入符号 对我来说，这里的问题不是资产的使用。 我正在 ...
Angular 引导程序选择 alignment
[英]Angular Bootstrap ng-select alignment
我正在尝试在带有 ng-bootstrap 的 angular 项目中使用 ng-select。 我发现搜索 select 列表的输入文本框没有正确对齐。 这是 html 代码： 这是 typescript： 如果你运行代码，你会看到 city 的输入框被移出。 任何有关如何解决此问题的想法将不胜 ...
如何在自定义 ng-template 的 ng-select 下拉列表中添加空选项？
[英]How to Add empty option on ng-select dropdown for custom ng-template?
我在 Angular 9 版本中使用 ng-select，我需要在 hover 上显示标题，所以我实现了这样的标题（ https-://stackblitz.com ） 这里标题问题已解决，但我需要显示第一个带有标题的空选项，也可以在 ng-select 上显示？ 请帮帮我预期的在此处输入图像描述 ...
Angular ng-选择组并绑定两个组中都存在的值
[英]Angular ng-select group and bind value which exists in both group
我有一种情况，我需要在 ng-select 中对数据进行分组，并且在两个组中我都存在相同的 id，所以当我使用 [(ngModel)] 绑定时，即使我从一个组中选择了项目，它也会从另一个组中选择. 我希望有人能解决这个问题。 提前致谢 ...
赛普拉斯：如何滚动下拉列表以查找项目
[英]Cypress: How to scroll a dropdown to find item
我需要单击下拉列表并滚动以按文本查找项目。 目前我知道该项目位于列表的底部，所以我可以这样做： cy.get('.ng-dropdown-panel-items').scrollTo("bottom").contains(/test/i).click() 这可行，但是如果该项目移动并且不再位于底部 ...
我们如何在 ng-select 下拉菜单中集成 cdk Drag and Drop
[英]How can we integrate cdk Drag and Drop in ng-select dropdown
是否可以使用 cdk 拖放重新排列 ng-select 中的多个选择值。 您可以检查Stackblitz实施正在更改 model 值，但未反映在下拉列表中。 用户可以使用 cdk Drap and Drop 重新排列下拉列表中的多个选定值的方式。 HTML 用于 ng-select 与 cdk ...
Ng-select 错误：InvalidPipeArgument：'[object Object]，[object Object]' for pipe'AsyncPipe'
[英]Ng-select Error: InvalidPipeArgument: '[object Object],[object Object]' for pipe 'AsyncPipe'
我正在尝试将我的 typescript model 绑定到来自后端的数据以显示在 ng-select 下拉列表中。 我的用于 ng-select 的 HTML 如下所示： 打字稿： 日志：1 2 3 ERROR 错误: InvalidPipeArgument: '[object Object ...
无论如何在 Angular Universal 上找到 window 参考错误所在的位置？
[英]Is there anyway on Angular Universal to find where the window reference error is located at?
所以我有一个 Angular 通用项目工作正常。 添加相当多的代码和一些外部 npm 库（如 Quill）后，我现在发现 window 参考错误。 我检查了我的所有组件，当我引用 window 时，所有组件都被包裹在if(isPlatformBrowser(this.platformId)){下。 ...
Angular 2+ @ng-select/ng-select: 如何改变键值数组
[英]Angular 2+ @ng-select/ng-select: how to change key,value array
假设我们有以下传入数据： TS： 内容： HTML： 每个键、值将呈现一个 ng-select 组件。 在这种情况下，我们有 2 个 ng-select 组件。 还可以通过按“添加”按钮添加更多 ng-select。 这将添加一个空的 key.value，如下所示： 还有一个新的 nd-sele ...