问题标签 [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 投票
1 回答
1788 浏览

angular - 使用 ng-zorro 时如何隐藏组件?

我使用 Angular 7 和 ng-zorro,我想在单击登录按钮时隐藏侧边栏。

我试过这个"[(nzVisible)]="isVisible"。但它不起作用。

未捕获的错误:模板解析错误:无法绑定到“nzVisible”,因为它不是“div”的已知属性。enter code here

0 投票
1 回答
691 浏览

angular - 在角度 8 ng add ng-zorro-antd 中使用 cli 添加 ng-zorro-antd 时出现错误

在角度 8 中使用 cli 添加 ng-zorro-antd 时遇到此问题。按照以下步骤操作:

  1. 生成新的 PROJECT_NAME
  2. cd PROJECT_NAME
  3. ng 添加 ng-zorro-antd

我的配置是:

0 投票
1 回答
621 浏览

angular - 脏/触摸后的表单验证(onblur)

ng-zorro-antdnzErrorTip表单与角度表单验证一起工作正常,但是,一旦用户开始输入,它就会显示验证消息,例如。我希望在用户第一次离开(模糊)输入字段后显示此验证。

这是否可以挂接到nzErrorTip/etc 或没有?

0 投票
1 回答
572 浏览

ng-zorro-antd - NG-Zorro 什么时候支持 Resizable column

我们使用 antd-nozzo 和 Angular 开发网页,但发现不支持可调整大小的列。

我发现 React 的 Antd Design 已经支持了。那么 ng-zorro 什么时候会支持这个功能呢?

0 投票
3 回答
1058 浏览

angular - 使用 NzModalFooterDirective 时测试组件

我有一个要测试的简单组件。我从另一个加载这个组件作为模式:

组件

为组件创建测试台时MyModalComponent,出现错误:

阅读我尝试使用的错误NzModalFooterDirective

和任何其他进口:

没有成功...

我也尝试直接使用 NzModalRef

但后来我得到了错误: this.nzModalRef.getInstance is not a function

我只是想准备试验台。我不确定我是导入NzModalRef错误还是必须用自定义模拟替换它。

0 投票
1 回答
76 浏览

angular - Angular 7/8,1 个依赖项正在干扰另一个依赖项,如何避免在使用它的模块内部加载深度依赖项?或嵌入

在使用 CleanUI 模板时,这个模板使用了一个名为 ng-zorro 的依赖项,它具有一组导入的样式和屏幕逻辑。

这种 zorro 依赖项在深层(核心模块,如 app.module)上调用,因此应用程序建立在此之上。

我现在需要在我的应用程序的某个地方使用 BPMN-JS 依赖项,但这两个似乎相互干扰,因为当设置 bpmn 组件时,它缺少许多功能。

我已经解决了这个问题,并且确定这是 ng-zorro 对其他依赖项的干扰(参见下面的代码)

使用 ng-zorro https://stackblitz.com/edit/ng-zorro-antd-start-7va7ry

没有 ng-zorro https://stackblitz.com/edit/ng-bpmn

说了这么多,我已经更新到 angular 8 和 zorro 的 angular 8 版本,试图分离 zorro 对辅助模块的依赖(不太成功,CleanUI 使用了几乎所有的 zorro 依赖)。

对我来说唯一发生的事情是在加载 (bpmn) 组件时以某种方式隔离所有 zorro 的依赖项,以便它们不会干扰 BPMN,但我真的不知道该怎么做

0 投票
2 回答
1338 浏览

angular - Angular8 / NG-ZORRO 8:在 nzAction 的 ng-template 中绑定

我使用 Angular 8 和 ng-zorro 版本 8.2.1。

我有一张nz 卡,请参阅https://ng.ant.design/components/card/en*ngFor重复。对于这些操作,我需要访问*ngFor的属性,但事实证明我无法从模板中访问它。

在执行上面的代码时,我得到以下js错误

TypeError:无法读取未定义的属性“id”

0 投票
2 回答
3205 浏览

javascript - 未捕获(承诺):NullInjectorError: StaticInjectorError(AppModule)[CdkConnectedOverlay -> Overlay]

我一直试图在生产中将 ng-zorro-antd 日期选择器组件渲染到我的客户端中,但是每次我使用 ng serve --prod 渲染它时,我都会收到此错误:

我正在使用以下软件包运行此应用程序:

编译选项是这样的:

src/tsconfig.app.json

src/tslint.json

tsconfig.json

我像这样导入它:

src/app.module.ts:

src/app/pages.module.ts:

我在组件中这样使用它

src/app/pages/ui/forms/date-picker/date-picker.component.ts:

src/app/pages/ui/forms/date-picker/date-picker.component.html:

我正在使用带有 Angular 8 的 Ninet-NrGx 模板

它适用于开发模式而不是生产模式的事实让我非常好奇。

我尝试在 app.module 上导入 angular/cdk/overlay 模块,但没有成功。

0 投票
1 回答
1590 浏览

angular - 无法使用 ANT Design NG-ZORRO;在“@angular/core”中找不到导出“ɵɵinject”

我尝试在我的项目中使用 ANT Design NG-ZORRO 库。但是当我编译代码时,我收到以下警告:

这会导致运行时错误:

我搜索了互联网并尝试了所涉及软件包的各种版本组合。但无法让它工作。

package.json 的摘录:

我需要做什么来解决这些警告和错误以使包正常工作?

0 投票
2 回答
320 浏览

angular - 将 UI 迁移到 NG-ZORRO-ANTD 后生产构建抛出错误

重现 生产构建的步骤是成功的,但应用程序无法正常工作。

在本地运行ng serve--prod或构建应用程序ng serve --prod然后在服务器上运行时会引发相同的错误。在开发模式下运行时,一切都很好并且工作正常。

文件内抛出错误core.js.pre-build-optimizer.js:7187

依赖项