问题标签 [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 - 使用 ng-zorro 时如何隐藏组件?
我使用 Angular 7 和 ng-zorro,我想在单击登录按钮时隐藏侧边栏。
我试过这个"[(nzVisible)]="isVisible"
。但它不起作用。
未捕获的错误:模板解析错误:无法绑定到“nzVisible”,因为它不是“div”的已知属性。
enter code here
angular - 在角度 8 ng add ng-zorro-antd 中使用 cli 添加 ng-zorro-antd 时出现错误
在角度 8 中使用 cli 添加 ng-zorro-antd 时遇到此问题。按照以下步骤操作:
- 生成新的 PROJECT_NAME
- cd PROJECT_NAME
- ng 添加 ng-zorro-antd
我的配置是:
angular - 脏/触摸后的表单验证(onblur)
ng-zorro-antd
nzErrorTip
表单与角度表单验证一起工作正常,但是,一旦用户开始输入,它就会显示验证消息,例如。我希望在用户第一次离开(模糊)输入字段后显示此验证。
这是否可以挂接到nzErrorTip
/etc 或没有?
ng-zorro-antd - NG-Zorro 什么时候支持 Resizable column
我们使用 antd-nozzo 和 Angular 开发网页,但发现不支持可调整大小的列。
我发现 React 的 Antd Design 已经支持了。那么 ng-zorro 什么时候会支持这个功能呢?
angular - 使用 NzModalFooterDirective 时测试组件
我有一个要测试的简单组件。我从另一个加载这个组件作为模式:
组件
为组件创建测试台时MyModalComponent
,出现错误:
阅读我尝试使用的错误NzModalFooterDirective
。
和任何其他进口:
没有成功...
我也尝试直接使用 NzModalRef
但后来我得到了错误:
this.nzModalRef.getInstance is not a function
我只是想准备试验台。我不确定我是导入NzModalRef
错误还是必须用自定义模拟替换它。
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,但我真的不知道该怎么做
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”
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 模块,但没有成功。
angular - 无法使用 ANT Design NG-ZORRO;在“@angular/core”中找不到导出“ɵɵinject”
我尝试在我的项目中使用 ANT Design NG-ZORRO 库。但是当我编译代码时,我收到以下警告:
这会导致运行时错误:
我搜索了互联网并尝试了所涉及软件包的各种版本组合。但无法让它工作。
package.json 的摘录:
我需要做什么来解决这些警告和错误以使包正常工作?
angular - 将 UI 迁移到 NG-ZORRO-ANTD 后生产构建抛出错误
重现 生产构建的步骤是成功的,但应用程序无法正常工作。
在本地运行ng serve--prod
或构建应用程序ng serve --prod
然后在服务器上运行时会引发相同的错误。在开发模式下运行时,一切都很好并且工作正常。
文件内抛出错误core.js.pre-build-optimizer.js:7187
。
依赖项