问题标签 [ng-lightning]

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

angular - 如何找出点击了哪个 ngl-lookup?

我在 for 循环中生成 ngl-lookup。对于每个 ngl-lookup,我都会有一个下拉列表,用于定义查找函数的来源。例如,如果用户从下拉值“猫”中选择,我想在 ngl-lookup 中显示所有猫的名字。对于列表中的第二个 ngl-lookup,如果用户选择“狗”,则应显示狗的名称。

我试图将对象 ID 提供给查找函数,但是我没有得到我正在输入搜索字段的查询。

此外,一旦我从建议列表中选择了一个值,我想执行额外的逻辑。

关于如何用 Angular 4 解决它的任何想法?

这不起作用:

角组件:

0 投票
0 回答
359 浏览

angular4-forms - 如何将 ngl-picklist 与 Angular 反应式表单一起使用

我正在尝试以 4 角构建嵌套的反应形式。该形式将基于以下模型:

... this.trunkForm = this._fb.group({ deviceName: [''], ipAddresses: this._fb.array([]) }); ...

可以将尽可能多的预先存在的设备名称关联ipAddresses到一个设备名称。如果您需要更多信息,例如 plunker,请告诉我。我会创建一个。

我想使用 ng-lightning-v2.0.1 中的组件来显示预定义的 ipAddresses 列表。但是当我使用 ngl-picklist 并为其分配一个formControlName时,我得到一个“表单控件的无值访问器”错误。

在 Angular 4 反应形式(嵌套)中使用 ngl-picklist 的正确方法是什么?

0 投票
0 回答
535 浏览

angular - 在角度库中使用外部库会导致错误

我们尝试创建一个组件库。这些组件主要是组件的包装器ng-lightning

我们使用 Angular CLI 生成了 lib 项目。

事实上,我们在构建 lib 时遇到了错误:Cannot determine the module for class NglBadge in /testApp/node_modules/ng-lightning/badges/badge.d.ts!

此错误发生在ng-lightning.

以下是我们在库模块中导入 ng-lightning 的方式:

有一些LibComponent:

我可以从我们的库方面做些什么才能在我们的组件中使用 ng-lightning?

这似乎是一个 AOT 错误,但我找不到在我们的库中使用某些第三方库组件/模块而不触发错误的方法。

这是一个复制存储库。很难将它放在 stackblitz 或其他上,因为它们不提供 lib 构建。

https://github.com/blackholegalaxy/lightning-lib-error/blob/master/projects/some-lib/src

0 投票
2 回答
67 浏览

angular - 如何将任何类型的数组传递给查找

我正在尝试使用 ngl-lightning 库的 ngl-lookup 我想传递一个 any[] 类型的数组而不是 String[],这是我的代码:

这是我的方法 pickedManagerUser: string = '';

但这确实是我的问题: 在此处输入图像描述

请有任何帮助

0 投票
1 回答
86 浏览

angular - Angular 第三方库组件使用最佳实践建议请求

我是一名初级开发人员,我一直在开发一个 Angular 7 门户网站,我在其中使用了一些库中的许多其他组件,例如 ag grid 或 ng Lightning。

当我开始在许多页面中使用相同的组件时,我的问题是关于那些可能有许多重大更改的库的主要版本更新。

更新库时需要较少工作的最佳实践方法是什么?我是否应该拥有自己的可重用组件来充当库各自组件的包装器,所以我只需要在一个地方更改实现?还是有更好的选择?

非常感谢你,拉姆斯

0 投票
0 回答
76 浏览

javascript - 如何定位 Angular UI 库元素?

这可能适用于 Prime-NG 等其他 UI 库,但我使用的是 ng-lightning。

我试图在我的一个单元测试中使用 querySelector 来获取 ngl-checkbox 元素。

我尝试在 ngl-checkbox 以及 ngl-checkbox 标签中添加一个 id 属性,但这不起作用。由于 ng-lightning 元素呈现为一堆不同的东西,我需要将什么传递给 querySelector 以获取该复选框?

另一件事是如何定位外部 css 文件中的 ng-lightning 元素?我不能像普通的 h1 标签那样只定位那个元素。

0 投票
1 回答
79 浏览

javascript - 是否可以将 nglAccordionSection 手风琴的标签作为组件或 html 元素而不仅仅是文本?

我想使用 Ng-lightning 在 Angular 中创建一个嵌套表。我试图通过在手风琴内添加表格来做到这一点。

但是,我似乎找不到将 nglAccordionSection 的标签设置为组件或元素而不仅仅是文本的方法。

除了向手风琴添加表格外,其他解决方案也受到欢迎。

0 投票
0 回答
34 浏览

ng-lightning - dropdown.child 中的下拉菜单触发父级并关闭

我有一个像下拉菜单一样打开的组件。在这个组件中,我有一个子组件,我在其中使用了一个下拉菜单,当我单击子组件 nglDrodownTrigger 元素时,父组件关闭。我怎样才能解决这个问题?

0 投票
1 回答
129 浏览

javascript - 移动水平滚动中的 Glightbox 问题

我的 glightbox 组件有问题,我或多或少地设法为我工作,但在移动设备中,我不知道添加水平滚动会发生什么,使页面没有响应。我已经尝试了一切,我到处寻找,但我无法让它工作,同样的事情发生在某人身上吗? 灯箱组件

0 投票
0 回答
60 浏览

ng-lightning - 为什么 ng-lightning 日期选择器在选择日期时不触发(更改)事件?

我正在使用 Angular 9 和 ng-lightning 7。我正在尝试使用该ngl-datepicker-input组件,但我无法让它按照我想要的方式运行。我想要达到的效果save()是调用一个方法:

  • 在日期选择器弹出窗口中选择日期时
  • 当用户完成对输入框的更改(即:输入框的 Angular(更改)事件绑定)

但是,似乎ngl-datepicker-inputhttps://ng-lightning.github.io/ng-lightning/#/components/datepickers)仅提供(valueChange) EventEmitter. 当用户在日期选择器弹出窗口中选择一个日期(对我来说可以)时会触发它,但它也会在每次击键输入框时触发(对我来说不行)。save()在用户完成编辑之前,我不想这样做。

我尝试在输入上使用普通的(change)事件绑定,如下所示。这对于与输入框的任何用户交互都非常有效。但是,从输入框中选择日期不会触发(change)事件,因此我无法捕获这些更改。

我怎么能:

  1. 在输入框上使用(change)事件绑定,然后单独处理仅日期选择器弹出窗口发出的更改?
  2. 允许日期选择器弹出窗口中的选择也触发(change)输入框中的事件?