问题标签 [ng-zorro-antd]

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 投票
0 回答
398 浏览

angular - FormGroup 中的 nzMode="tags" 将项目添加到 FormArray

当使用 ng-zorro-antd 库中的 nz-select 时,我正在努力弄清楚如何在 formGroup 中使用 formArray ...

HTML:

TS:

谢谢

0 投票
2 回答
392 浏览

angular - 如何将 storybook 集成到 antd angular(NG-ZORRO)

我正在尝试将故事书集成到我使用和设计图书馆的角度项目中。Storybook 运行良好,但 antd 样式没有加载到故事中。它仅显示默认元素。我用谷歌搜索了很多可能性,几乎没有关于和角度的。我知道我们以某种方式用 antd 库包装了这些故事。请给我指路。如果我们已经有一个例子,那就太好了。提前致谢。

0 投票
0 回答
339 浏览

javascript - 如何修复错误:ExpressionChangedAfterItHasBeenCheckedError zorro modal in angular

列表项.html

列表项.ts

通知-modal.ts

有两个模块是list-itemand notificitaion-modal

当我尝试单击模式时,这是控制台中的错误消息ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'nzNoAnimation: undefined'. Current value: 'nzNoAnimation: false'. It seems like the view has been created after its parent and its children have been dirty checked. Has it been created in a change detection hook ?

如何解决?导致每次我点击它都有一个错误的项目。

0 投票
1 回答
90 浏览

javascript - 如何使其多部分选择过滤角度

HTML

TS

如何使其多部分选择过滤?这是列表的示例:https ://i.stack.imgur.com/QJKAg.png

选择下拉菜单时应该有默认值Date->All->Ascending->Ungrouped

它应该是这样的 https://i.stack.imgur.com/GyEv1.png

0 投票
0 回答
946 浏览

angular - 更新版本 9 后表格分页不起作用

我正在使用 nz-table 标签,我的表配置如下。

而不是使用表格分页而是使用单独的分页组件,如下所示

更新到版本 9 ng-zorro 后。当按 nz-pagination 显示数据来自 API 但页面不刷新的第二页时,nz-pagination 在版本 8 上开始不像以前那样工作。所有数据都属于第 1 页

我还添加了 pageIndexchange 和加载数据方法。页面索引页面大小filterModel

0 投票
2 回答
341 浏览

angular - 将 NG-Zorro 从 V8 升级到 V9 给出:“Class extends value undefined is not a constructor or null”

运行后ng update ng-zorro-antd我们得到:

这也发生在一个全新的 Angular 8 项目中。升级到 Angular 9 工作正常,但只有 NG-Zorro 更新失败。

这些是calendar-input-rule.js错误中文件的内容:

我看到有人说这可能是由于循环依赖,但应用程序运行正常,所以错误可能来自 NG-Zorro 的导入?这有什么解决方法吗?

0 投票
0 回答
201 浏览

ng-zorro-antd - 从 v9 开始:nz-table > ExpressionChangedAfterItHasBeenCheckedError on ant-table-cell-fix-left-last

我有一个非常复杂的 nz 表,带有左右固定列,在 v8.5 上它可以工作,但是自从更新到 v9.1 后,我得到:

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'ant-table-cell-fix-left-last': 'false'. Current value: 'true'.

我必须删除所有 nzLeft 和 nzRight 值才能再次获得清晰的控制台。我没有更改这些值,并尝试在页面呈现几秒钟后呈现表格:同样的错误。看来,这是图书馆的“内部”问题。

我无法使用 CodeSandbox 示例重现它。我感谢每一个提示。

编辑:能够重现它:https ://codesandbox.io/s/agitated-elbakyan-b3ylx?file= /src/app/app.component.ts当 nzRight(不是最后一个)或 nzLeft(不是first) 上面有一个 *ngIf,即使值没有改变。

我为此错误打开了一个问题:https ://github.com/NG-ZORRO/ng-zorro-antd/issues/5206

0 投票
1 回答
2151 浏览

angular - NG-ZORRO 'nz-list-item-meta-title' 不是已知元素

我安装了 NG-ZORRO 以在我的项目中使用它,我首先使用他们的列表组件。

但我在以下元素上遇到错误:“nz-list-item-meta-title”不是已知元素,而 nz-list-item-action 不是已知元素

我导入了所有需要使用列表但总是有相同错误的模块。

nz-list-item-meta-title根本不存在......这里是 mu app.module.ts :

0 投票
1 回答
380 浏览

angular - 使用 nz-resizable 指令时如何在 nz-table 中设置固定大小的复选框列

我真的需要在我的应用程序的表中使用可调整大小的组件,因此列可以是可重新调整的。我知道它处于实验状态,但我需要它并且它工作正常,主要是。还需要有一个带有复选框的第一列以供选择。我希望复选框列保持固定大小。当我调整其他列的大小时,发生的情况是复选框列的宽度发生了变化。

这是一个示例https://stackblitz.com/edit/angular-jqs53u?embed=1&file=src/app/app.component.ts

非常感谢任何帮助。

0 投票
2 回答
513 浏览

angular - 调整表列大小时防止在表列上触发排序

使用可调整大小的组件调整列的大小时,如何防止在表列上触发排序?当 mouseup 事件发生在正在调整大小的 th 上时,它会触发排序。我试图在 nzResizeEnd 事件中阻止它,但我想那为时已晚。有人能帮助我吗?示例https://stackblitz.com/edit/angular-jqs53u?embed=1&file=src/app/app.component.ts

去图书馆回购中提出问题,有人在 11 天前已经有。让我们希望快速修复。https://github.com/NG-ZORRO/ng-zorro-antd/issues/5199