问题标签 [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 回答
690 浏览

css - 为什么 ant design 不提供像 bootstrap 这样的 CSS 文档?

有没有像 bootstrap 这样的 ant design CSS 文档可用?我们正在使用 ng-zorro-antd 框架来构建 Angular 应用程序。

ng-zorro-antd 提供网格组件:

但是在每个 html 设计/结构中使用角度组件是不可行的,我们想要类似下面的类。

还需要了解基于 CSS 的网格 Vs 组件或基于指令的结构的性能。对性能有影响吗?

0 投票
1 回答
2031 浏览

angular - nz-datepicker 不接受手动输入?

日期选择器在其上方打开一个输入,但这似乎对选择日期或插入数据没有任何影响。

我什至尝试过文档中提供的演示,所以,是这样吗?它根本不接受用户输入,还是我做错了什么?

0 投票
1 回答
304 浏览

ng-zorro-antd - nz-popover - nzPopoverPlacement,定位另一个元素进行居中

我想知道是否有办法让 nz-popover 以另一个元素为中心。

我基本上有一个文本输入,后跟一个 div 中的两个按钮,我想将弹出框放在 div 上而不是触发它的按钮上。

我发现我可以将弹出框添加到实际的 div 中,然后使用 nzVisible 来触发它,但是当用户离开该区域时我失去了关闭弹出框的能力(当他们将鼠标悬停在遮罩上或单击它时可能会出现问题)。一旦弹出框失去焦点等,我尝试了很多方法来关闭它,但是如果弹出框包含菜单或日期选择器(使用它们时),这将导致弹出框关闭。

有人有什么想法吗?(我曾经使用有角度的材料,我相信他们有类似的东西(认为它被称为目标或其他东西)。

提前致谢,

0 投票
2 回答
366 浏览

angular - ng-zorro cascader 延迟加载数据,nzLoadData 函数得到 this=undefined

我想延迟加载 cacader 的数据。但是失败了,因为在加载函数中 this=undefined。该功能在组件中定义,并且组件中的其他功能运行良好。请帮忙,谢谢。

0 投票
1 回答
342 浏览

javascript - 手机小屏和点击事件跳转到页面顶部的问题

我已经在我的 iPhone 8+ 上对此进行了测试,但问题不存在。它也不会发生在我测试过的任何计算机上。

但是,当我在 chrome 或 safari 中使用 iPhone 6 iOS 12.4 时,当我单击按钮或带有角度(单击)的 div 时,它会跳到最顶部。我无法使用浏览器中的开发人员工具复制它。

不,我没有使用标签。我见过的所有示例都与 a 标签中的 # 有关。

其中一个元素的 html 如下所示:

我觉得它与屏幕尺寸有关,但一切都可以很好地适应页面。没有横向滚动或任何东西,按钮所做的只是向 api 发送一些东西。另一个(点击)我有一个向下切换,但这也将用户发送到顶部。另一个是在 div 上展开并再次将用户发送到顶部。

知道是什么原因造成的吗?同样在 iphone 8+ 上没有问题,只是较小的 6。我确实设法打开了 xcode 模拟器,但它只下降到 iphone8 并且没有任何问题。

我也碰巧在使用 ngx-infinite-scroll 但我不认为这是导致问题的原因,因为它会在两个设备上发生。

编辑:发现手机是 ios 12 上的 iphone 6。它在 XR 和 iphone 8、8+ 和 Nexus 上运行良好

编辑 2:我已经将我的 xcode 模拟器设置为使用 ios12.4,这似乎是问题所在。因为它适用于 ios 13 iphone 7 但不适用于 iphone 7 ios 12.4... 这可能是 angular 8 和 ios 12.4 问题吗?我将尝试忽略事件默认行为,看看是否有效。

编辑3:我已经缩小了问题的范围。滚动容器位于路由器插座内。所以外部的html看起来像这样。

对于我拥有的 css

但随后我将 overflow-y: auto 和溢出滚动到主容器,如下所示:

它工作得很好。我想保留标题并让 .navigation-container 滚动。但我正在取得进展。

0 投票
0 回答
369 浏览

javascript - 如何让一个有孩子的父母只能在角度上为每个父母选择 1 个孩子

这是代码: https ://stackblitz.com/edit/angular-6mcqxk-tikynx?file=src/app/app.component.ts

在此处输入图像描述

我在这里要做的是,当您选择“项目 1”时,会有另一列或子项选择它是哪个组,例如组 1 或组 2 或组 3,但它只能选择 1 组并选择该项目,它可以选择另一个与“项目 1”相同的项目,它有一个组,如果组 1 或组 2 或组 3,它选择它所属的位置。

输出应该是这样的: 在此处输入图像描述

0 投票
0 回答
985 浏览

javascript - 如何通过在角度中添加新项目来制作选择选项

这是代码:https ://stackblitz.com/edit/angular-gs8yo7?file=src/app/app.component.ts

HTML

TS

我在这里要做的是,当它已经选择项目时,即使您添加新项目,它也应该删除。

并且何时提交应该是动态的。

喜欢

例如,当您选择 PROJECT 1 时,它将从列表下拉列表中,然后当您添加新项目时,它也应显示在列表中,它只会显示 PROJECT 2 和 PROJECT 3。

0 投票
1 回答
951 浏览

angular - 如何使角度(ng zorro v.7)可拖动的蚂蚁设计模式?

我使用 Angular 的 Ant Design,我需要使模态窗口可拖动。我该怎么做?

谢谢!

0 投票
1 回答
3129 浏览

angular - NZ Zorro,Ant design nz-table 动态列不对齐

我有一个表,其中列由服务器动态发送。表头和数据列不对齐。

如何让它们对齐?

在此处输入图像描述

0 投票
0 回答
621 浏览

angular - Antd Angular在formArray中验证inputGroup

基本上我有一个 inputGroups 表单数组,我正在使用 ng-Zorro (antd Angular) 并尝试验证我的 inputGroup 并显示错误消息根据哪个控件是错误的:这是表单模板:

和表格 TS 文件:

}

问题是“云”字段是必需的,但错误消息在未提供时不显示。“高度”字段工作正常,并显示错误消息。我想要的是显示错误消息取决于哪个字段无效

提前致谢