标签[angular-ngselect]

Angular 5+ ng-select - 轻量级所有在一个UI中选择,多选和自动完成

0
0回复
09

ng-select之外的自定义搜索控件

有没有人在ng-select 中遇到过同样的情况? 目前,我们正在 ng-select 之外实现自定义搜索控件。 我检查了他们的文档,似乎此链接可能符合我的要求。 在尝试稍微修改此代码后,我最终得到了这几行代码 问题是它可以工作但只触发一次(在输入时,它不再过滤,除非模糊 ng-select 以重置
1
1回复
12

在ng-select角度组件中使用VirtualScrolltr​​ue下拉列表中的额外空白

当我使用 virtuallScroll 属性为 true 时,ng-select 下拉列表中会显示额外的空间。 可重现的示例https://stackblitz.com/edit/angular-uuvic8?file=styles.css
0
1回复
16

如何使用`?q=...`HTTP参数使用ng-select执行后端搜索?

我在Angular 12 应用程序中使用ng-select 7.2.0。 我需要提供给 ng-select 的数据包含数以万计的条目,所以我不想将所有这些数据预加载到ng-select ,让它在您键入时执行前端过滤。 相反,我希望ng-select使用我的后端作为数据源并传递一个参数,例如q ,以及
3
1回复
58

根据首字母匹配搜索或过滤数据

我正在使用ng-select 库来实现搜索下拉列表。 我正在尝试实现一个自定义函数,该函数将在我开始输入时通过下拉列表中的第一个匹配字母来过滤项目。 例如,如果用户输入“A”,它应该只在以“A”开头的下拉列表中显示人员姓名。 我创建了一个stackblitz示例。 我试着用Array.filter(
-1
1回复
29

ng0100expressionchangedafterithasbeencheckederrorwithng-select(@ng-select/ng-select)

我曾说过表单中的下拉菜单错误。 我在堆栈上偶然发现了以下问题: 参见关于 ng0100 和 angular Lifecycle 的讨论,并试图解决它不同的生命周期操作、变更检测等......。 无济于事。 在此之上,我警告说我仍然在已弃用的 FormControl 中使用 NgModel。 我在 n
1
0回复
15

为什么要在ng-select2下拉列表中添加额外的按钮标签

我正在尝试在ng-Select2下拉列表中添加按钮 a。 我需要在他们的templateResult属性中添加 html,并定义列表的显示方式。 如果我添加<span>或<div>它工作正常。 但是,如果我添加<button>那么它会添加一个额外的按钮标签。 如何
0
2回复
68

从外部删除ng-select中选择的值

我使用ng-select从列表中选择多个值。 根据要求,所选值应显示在ng-select组件下方,并且必须可以从下方移除过滤器。 代码可以在这里找到: https : //stackblitz.com/edit/angular-gm6zrs?file=src/multi-select-default
0
0回复
25

如何在Angularng-select中实现拖放

如何在 ng-select 中实现拖放功能。 我经历了许多 StackOverflow 答案,但没有一个对我有用。 我还参考了一个较旧的 StackOverflow 答案,为此功能编写了代码,但仍然没有实现我的目标。 任何人都可以帮助实现目标吗? 我的代码发生的情况是,当我拖动最后一个项目并将其放到
0
1回复
13

除非单击ng-select,否则Angularng-select值不会刷新

我正在尝试使用表单 valuechanges 根据其他字段值设置 ng-select 的值。 该值已设置但直到我单击 ng-select 框才显示。 bindLabel 没有刷新。 成分: 任何人都可以帮助解决这个问题吗? 谢谢
1
1回复
31

角字体真棒图标作为css中的内容呈现为框

在此处发布此问题之前,我已经浏览了多种资源。 我正在使用一个 angular 项目,我尝试使用 ng-select 并用 font-awesome 中的其他内容替换下拉图标。 我使用以下 2 个步骤为项目添加了 font-awesome: 尝试使用以下方法替换 css 中的ng-select下拉图标
0
1回复
66

ng-select使用图像url更改下拉箭头

我正在尝试使用资产文件夹中的图像来更改 ng-select 下拉箭头。 有参考使用如下字体真棒 - 这是有效的 但是,我正在尝试类似下面的方法来实现它: 但是,这不是渲染资产图像。 感谢任何输入。 ^^ 这是我用于下拉箭头的图像插入符号对我来说,这里的问题不是资产的使用。 我正在尝试使背景图像
0
0回复
45

ng-select多次重置ngModel数组

我已经在我的 angular 项目中实现了 ng-select,到目前为止它运行良好。 但它有一种我需要改变的行为,我在项目文档中没有看到任何内容。 在第一张图片中,我使用了multiple输入。 显示的数据来自具有以下结构的 API: 数据显示正确,到目前为止一切正常。 尝试添加/删除项目后出现问
0
1回复
90

AngularBootstrapng-select对齐

我正在尝试在带有 ng-bootstrap 的角度项目中使用 ng-select。 我发现搜索选择列表的输入文本框没有正确对齐。 这是html代码: 这是打字稿: 如果您运行代码,您将看到 city 的输入框移出。 任何有关如何解决此问题的想法将不胜感激。 提前致谢 ********* 编辑这是一个
0
0回复
35

Angularng-select:如何使ng-option不可选?

这可能是一件容易解决的事情,但我无法自己实现我想要的。 所以让我们来解决这个问题 - 我添加了一个选项,让我为我的选项列表添加另一个选项,它看起来像这样: 问题是当我点击文本输入时,即使我使用stopPropagation和preventDefault它也只是选择了这个: 这是我的组件的样子:
0
0回复
18

在ngSelect上使用ngModel绑定对象不起作用

我试图向 ngModel 指令添加一个对象,但是当有两个以上的属性(如 id 和 value)时,它对我不起作用 选择项目后,它对我有用,因为它只有一个属性 这是数组
0
0回复
06

CSSDropdownng-select没有出现在组合下

我在表格中有一个下拉列表。 但是下拉的时候有很多选择。 下拉列表出现在网页的另一侧。 这里很好
1
2回复
113

Angularng-select组和两个组中都存在的绑定值

我有一种情况,我需要在 ng-select 中对数据进行分组,并且在两个组中我都存在相同的 ID,所以当我使用 [(ngModel)] 绑定时,即使我从一组中选择了项目,它也从另一组中选择. 我希望有人能解决这个问题。 提前致谢
0
4回复
616

Cypress:如何滚动下拉列表以查找项目

我需要单击下拉列表并滚动以按文本查找项目。 目前我知道该项目位于列表底部,因此我可以执行以下操作: cy.get('.ng-dropdown-panel-items').scrollTo("bottom").contains(/test/i).click() 这有效,但如果项目移动并且不再位于底部
1
1回复
282

我们如何在ng-select下拉列表中集成cdkDragandDrop

是否可以使用 cdk 拖放重新排列 ng-select 中的多个选择值。 您可以检查Stackblitz Implementation 是否正在更改模型值,但未反映在下拉列表中。 用户可以使用 cdk Drap 和 Drop 从下拉列表中重新排列多个选定值的方式是什么。 使用 cdk 拖放 ng-s
0
0回复
35

如何使用预选择在ng-select中定义ngModel

嘿伙计们,我对 ng-select 角度代码有一个小问题,我有一个简单的代码 HTML 在 .ts 文件中,我有以下属性 但是 ng-select 没有像图片显示的那样工作,可能是 user.roles 被定义为角色!: Array<{name:string}>; 而不像 testVar

1 2 3 4 5 6 7 8 9 10 下一页