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

angular - 角度,ng-zorro:对象作为标签

我在这里有一个 nz-select 描述的https://ng.ant.design/components/select/en#api,它允许用户选择多个成员。我想要的是将用户名显示为标签标签,但将 id 绑定到模型。

当用户通过下拉列表添加成员时,标签将显示用户名,但在模型中,会添加 id。重新加载此页面/字段时,似乎我只能将字符串添加到模型中,这些字符串也显示为 label then 。我无法添加包含字符串和 id 的复杂对象,而且我也不知道如何插入标签。

关于如何完成我想要的任何提示?我真的不喜欢在后端/数据库中使用用户名的想法,但我也不想在标签中看到 id。

0 投票
0 回答
1178 浏览

css - NG ZORROR 自定义 nz-date-picker 样式

我正在使用 NG-ZORRO 的 datetimepicker 并尝试自定义样式:

想要达到:

  • 宽度响应

  • 悬停和聚焦时没有轮廓

我所做的是: nzSize="large" [nzStyle]="{'width': '440px'}"

并在 ng-zorro 的文件中修改大到 50px theme.less,它可以工作,但宽度是固定长度。

在此处输入图像描述

查看它在表单中的外观,结束日期时间是默认输入框大小:

在此处输入图像描述

有没有人定制过,请帮忙!

0 投票
1 回答
330 浏览

angular - Object(..) 不是函数

截屏

当我将 ant 设计安装到 Angular 项目时,出现错误

0 投票
1 回答
1665 浏览

angular - 如何在 NG-Zorro 中更改 nz-table 的样式

如何以角度更改 nz-zorro 中 nz-table 的样式

在此处输入图像描述

0 投票
1 回答
861 浏览

spring-boot - 如何在Angular7中使用nzRemoved删除fileList中的文件

我在Angular 7中有一个使用Nz Zorro Ant for html上传文件的fileList,数据将使用Spring Boot API发布到数据库,我想使用[nzRemoved]删除fileList中的文件。如何使用它?

这是我的.ts,

这是我的html,

当我添加 [nzRemoved] 时,UI 中的删除文件按钮不起作用。

0 投票
1 回答
995 浏览

html - ngZorro - StaticInjectorError(AppModule)[Overlay]

我在我的项目中使用 ng-zorro,在 --prod 之后出现以下错误。通常做服务器不会产生这个错误。我发现了这篇 git 帖子https://github.com/NG-ZORRO/ng-zorro-antd/issues/3713#issuecomment-513933229 但对我没有用。

我的 package.json 文件


在 app.module.ts 中导入该项目与 ng 服务器正常工作。

0 投票
1 回答
992 浏览

angular - Angular 表单在使用 ng-zorro 初始化时未显示错误

我有一个反应形式的角度应用程序。我使用 ng-zorro 作为 UI 框架。有一种情况是客户可以打开一个表单,该表单在他的应用程序工作流程中变得无效。

他们的问题是 angular 将表单标记为无效,但在触摸表单控件之前不会从 ng-zorro 显示错误消息。

0 投票
1 回答
1776 浏览

css - NG-ZORRO nz-card 体内校准

这与ng-zorro中nz-card的使用有关。

我试图在卡体内对齐样式操作按钮但没有成功。

我期望卡片的高度是相同的,所以视觉上所有的底部边框都是垂直对齐的。该按钮位于每张卡片的底部。

示例如下: https ://stackblitz.com/edit/angular-py7awb

希望使用通用的标准方法可以用作最佳实践。

示例中的当前屏幕截图

我试图达到的目标

0 投票
1 回答
2361 浏览

ng-zorro-antd - 抽屉里的内容不能滚动

我正在尝试在 ant 设计中使用抽屉来显示一些内容。我注意到,当抽屉的位置向左或向右时,内容可以上下滚动。但是当抽屉的位置是顶部或底部时,内容无法滚动。

这是一个简单的例子:

https://stackblitz.com/edit/ng-zorro-antd-start-7tkpcy

在这个例子中,你可以看到它不能滚动。但如果将 nzPlacement 更改为“左”,则滚动效果很好。

这背后的问题是什么?当 nzPlacement 位于底部时,如何使滚动工作。

谢谢。

0 投票
0 回答
2244 浏览

angular - ng zorro 选择不加载选项

我正在使用 Angular 7 创建一个网站。我在应用程序的任何地方都使用了 ng zorro 库。我有一个nz-select里面的Form。由nz-select模型动态加载。问题是我们在模型对象中有两种语言。但是里面给出的默认语言是里面ngModel [(ngModel)]="selectedLanguage"唯一的一种。我在. 但只有默认的显示。所以我只是在当前的下方添加了另一个带有两个 static 。我没有给出任何默认值。所以没有填充和列在. 像这样在应用程序的几个地方使用。但这是唯一不工作的。nz-optionnz-selectnz-optionnz-selectnz-selectnz-optionnz-selectnz-select

注意:如果我们更改代码中的任何内容,将会发生自动重新加载。自动重新加载后,一切nz-option都会在那里。但是,如果我们手动重新加载,则仅显示默认值nz-option(如果有)。

我的代码片段如下。

.

.