问题标签 [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.
angular - FormGroup 中的 nzMode="tags" 将项目添加到 FormArray
当使用 ng-zorro-antd 库中的 nz-select 时,我正在努力弄清楚如何在 formGroup 中使用 formArray ...
HTML:
TS:
- 角度: 9.1
- ng-zorro-antd: 8.5.2
- 浏览器: MacO 上的 Google Chrome(版本 80.0.3987.163)
- 复制链接: https ://ng-zorro-antd-start-kbyxfz.stackblitz.io
- 工作示例,但使用 [(ngModel)]:https ://fcpyjp.run.stackblitz.io
谢谢
angular - 如何将 storybook 集成到 antd angular(NG-ZORRO)
我正在尝试将故事书集成到我使用和设计图书馆的角度项目中。Storybook 运行良好,但 antd 样式没有加载到故事中。它仅显示默认元素。我用谷歌搜索了很多可能性,几乎没有关于和角度的。我知道我们以某种方式用 antd 库包装了这些故事。请给我指路。如果我们已经有一个例子,那就太好了。提前致谢。
javascript - 如何修复错误:ExpressionChangedAfterItHasBeenCheckedError zorro modal in angular
列表项.html
列表项.ts
通知-modal.ts
有两个模块是list-item
and 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 ?
如何解决?导致每次我点击它都有一个错误的项目。
javascript - 如何使其多部分选择过滤角度
HTML
TS
如何使其多部分选择过滤?这是列表的示例:https ://i.stack.imgur.com/QJKAg.png
选择下拉菜单时应该有默认值Date->All->Ascending->Ungrouped
angular - 更新版本 9 后表格分页不起作用
我正在使用 nz-table 标签,我的表配置如下。
而不是使用表格分页而是使用单独的分页组件,如下所示
更新到版本 9 ng-zorro 后。当按 nz-pagination 显示数据来自 API 但页面不刷新的第二页时,nz-pagination 在版本 8 上开始不像以前那样工作。所有数据都属于第 1 页
我还添加了 pageIndexchange 和加载数据方法。页面索引和页面大小在filterModel
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 的导入?这有什么解决方法吗?
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
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 :
angular - 使用 nz-resizable 指令时如何在 nz-table 中设置固定大小的复选框列
我真的需要在我的应用程序的表中使用可调整大小的组件,因此列可以是可重新调整的。我知道它处于实验状态,但我需要它并且它工作正常,主要是。还需要有一个带有复选框的第一列以供选择。我希望复选框列保持固定大小。当我调整其他列的大小时,发生的情况是复选框列的宽度发生了变化。
这是一个示例https://stackblitz.com/edit/angular-jqs53u?embed=1&file=src/app/app.component.ts
非常感谢任何帮助。
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