问题标签 [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.

0 投票
1 回答
777 浏览

angular - 当“ng-select”点击“下拉菜单”之外的某个地方时没有关闭

Angular 5 ng-选择 2.0.0

当我单击“ng-select”以外的项目时,如何关闭“下拉菜单”?

编辑 https://angular-yiiyq6.stackblitz.io

 

HTML

TS

0 投票
1 回答
833 浏览

angular5 - 从 ng-select 中删除空选项

如何避免 ng-select 中的空值。我的意图是,每当我将组件中的布尔属性设置为 true 时——validFiltersData 中只有一条记录——然后我希望下拉菜单被选中并禁用,因此用户无法选择空选项。

0 投票
2 回答
7532 浏览

angular-ngselect - ng-select angular 5 在悬停时更改选项列表中项目的背景颜色

我正在尝试更改选项列表中项目的背景颜色:悬停。我注意到有一个标记的类在悬停时添加到 div 标签中。

我在使用 ng-select 组件的角度组件中有这个:

它不工作。处理 ng-select 悬停时更改背景颜色的最佳方法是什么

0 投票
1 回答
4353 浏览

angular6 - 如何使用 ngx-select angular 6

HTML 代码:

TS代码:

即使按照所有步骤操作,列表也不可见。我将 ul 列表的 CSS 更改为 opacity: 1 .... 默认情况下它是 opacity:0。

有谁知道这里有什么问题?

我在这里关注的链接是

Angular ngx-选择

0 投票
2 回答
5480 浏览

javascript - 想要在 Angular 6 中访问 ng-select 中的输入元素以获得它的值

我正在开发一个项目,我想在 ng-select 中创建一个自定义功能,以便在 ng-select 中输入文本时,将其附加到绑定项并将其添加为多选。

http://embed.plnkr.co/GLuyC0jpIdiEXB6R4FIa/preview

这是 Angular 6 中所需的确切实现

我正在使用角度 v6.0

如提到的plunker中所示,在 angular 5 中是否有任何其他实现方法?

抱歉,如果有问题。因为我是 Angular 的新手。

提前致谢。

0 投票
2 回答
7084 浏览

angular - 用于 BindLabel 的 Angular 6 Concat 字符串

使用 Angular 6,我想在ng-select 标记内的bindLabel中连接名字和姓氏

这是我的 html:ng-select [items]="persons" bindLabel="LastName" bindValue="Id" [(ngModel)]="selectedItem" placeholder="person"

任何想法 ?bindLabel="LastName + ' ' +FirstName" => 不起作用 bindLabel="person.Name as (person.LastName + ' ' person.FirstName) for person in people" => 不起作用

0 投票
0 回答
444 浏览

angular - Angular 5 ng-option 只读项

首先,请原谅我的英语不好。我正在使用 NG-ZORRO 在 ASP.NET Core 2 WebApi 和 Angular 上编写应用程序。

一般来说,我对下拉列表有疑问。根据职权范围,管理员可以将目录中的一项标记为隐藏,同时它不应该可供选择或不应该传达给客户端。但是在之前创建的应用程序卡片中,即使它们被标记为缓存在数据库中,也应该显示这些值。这是我们公司的一位非常酷的业务分析师。

因此,我在 SQL 中有一个模型目录(id、name、isDeleted)。当用户打开一张申请卡时,他会收到所有之前填写的 ID。

其中之一。为了方便只留下一个控制器:

我的组件:

我从服务器获取卡的型号,其中目录的所需项目的 id 是。我以 counterlighter 的形式替换了这个值,而 angular 替换了名称。图书馆 NG-ZORRO 有选项 [nzDeseble] 但这并不是我所需要的。

如何使下拉列表中管理员隐藏的值无法选择,但如果该值存储在模型中,则显示在控件中。我想它需要以某种方式替换为 form.value 但这样的决定将导致架构的巨大变化。你有什么建议?

0 投票
3 回答
3030 浏览

angular - 将 ng-content 传递给子组件中的 ng-template 元素不会绑定到属性

我有一个名为select.component (selector: 'app-select') 的组件,它使用 typeahead 搜索用户(为简单起见,我省略了这个)。然后我想通过绑定到 ng-template 中的项目来显示名称和employeeId。

由于我们在应用程序中使用了许多这些 ng-select 元素,因此我将 select.component 设置为其他父组件使用的可重用组件。因此,我想让 ng-template 部分动态化并从父组件传入。我已将 select.component 更改为如下所示:

然后我有user.component,它使用内容投影在 select.component 中填充 ng-template ,如下所示:

这里的问题是,当内容投影已经将 app-select 的内部 html 传递给 ng-template 时,{{item.name}} 和 {{item.employeeId}} 不会在 ng-template 中进行评估。在项目的下拉列表中,我看到的是 {{item.name}},而不是实际的名称值。

我怎样才能最好地做到这一点?我真的需要父组件能够指定下拉项应该如何显示以使 select.component 完全可重用。

看我的堆栈闪电战

0 投票
1 回答
5335 浏览

angular - 在 ng-select 中隐藏选择

我们ng-select在一个项目中使用。我需要提供下拉功能,但我的目标是在从下拉列表中选择项目后清除选择框。有人遇到这个问题吗?

0 投票
3 回答
32154 浏览

angular - 角度 ng-select 并添加事件

我正在使用ng-select并在选定的项目上触发执行一些逻辑的回调。我面临的问题是,(add)当我从列表中选择项目并使用该事件时,该事件不会触发(change)。但是,如果我两次使用列表中的一项,则不会触发更改事件,因为它是更改事件。