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

d3.js - ElementRef 偏移宽度始终为 0

我正在处理一个问题,我需要获取元素容器的宽度和高度才能在内部正确呈现 svg。问题是 OffsetWidth 和 Height 总是 0,我不知道我错过了什么。

父组件:

条形图组件:

条形图css:

条形图打字稿:

我正在使用 ng-zorro-antd 进行 angular 7 的 UI 设计。

0 投票
1 回答
1087 浏览

ng-zorro-antd - 无法动态加载嵌套表的数据

我使用nztable“ng-zorro”中的组件创建了一个表。该表包含一个嵌套表,我想在单击展开图标时动态加载数据(REST 服务调用)。

我能够在嵌套表中加载数据,但是当我展开下一行时,它会用新结果覆盖第一行中的数据。

由于嵌套表创建在循环(ngfor)中,我无法控制数据绑定到特定行。

0 投票
1 回答
1347 浏览

javascript - 手机屏幕上的 Ng-Zorro nz-range-picker 溢出

我正在使用 ng-zorro-antd 7.0.0 rc3 和 angular 7.2.4。

我的问题是:在移动浏览器上使用 nz-range-picker 时无法水平滚动,似乎元素在屏幕上太大了,但 nz-range-picker 的父级有“over-flow-x: hidden ”,或“溢出:隐藏”属性。

但我找不到解决这个问题的元素。

我查看了 Ng-Zorro 的文档,似乎他们也遇到了这个问题:https ://ng.ant.design/components/date-picker/en#header

我还看到了 Ant Design 的 react 版本,它没有这个问题:https ://ant.design/components/date-picker/#header

谁能帮我这个?

移动屏幕上溢出-x 时范围选择器无法滚动

0 投票
1 回答
106 浏览

ng-zorro-antd - 我必须使用 angular 5 的 Ng-zorro-mobile 版本

我正在寻找Ng-zorro-mobile的版本,我必须使用 angular 5。我使用Ionic 3angular 5请帮助

0 投票
1 回答
650 浏览

ng-zorro-antd - nz-select with reative-form 7.0.0-rc3版本选择后可以清除,7.0.0版本不能清除

在 Ng-Zorro-Antd 7.0.0-rc3 版本中,我可以在选择后使用 Reactive-form 清除 nz-select 选项,但在 7.0.0 stable 版本中,我无法使用 reactive-form 清除它。请有任何想法,请帮助我。谢谢,

0 投票
1 回答
1152 浏览

angular - 错误 TS2315:类型“ElementRef”不是通用的。吴蚂蚁设计

一些内容:Angular 版本:5.2.0

我正在尝试安装Ng Ant Design。我知道最新版本可能是在 Angular 7 上构建的,所以我采用了以前的版本。

我收到 Angular CDK 的错误,所以我故意安装

但我仍然收到这些错误

node_modules/ng-zorro-antd/node_modules/@angular/cdk/observers/typings/observe-content.d.ts(60,65): error TS2315: Type 'ElementRef' is not generic. node_modules/ng-zorro-antd/node_modules/@angular/cdk/overlay/typings/position/connected-position-strategy.d.ts(33,106): error TS2315: Type 'ElementRef' is not generic. node_modules/ng-zorro-antd/node_modules/@angular/cdk/a11y/typings/focus-monitor/focus-monitor.d.ts(117,30): error TS2315: Type 'ElementRef' is not generic. node_modules/ng-zorro-antd/node_modules/@angular/cdk/a11y/typings/focus-trap/focus-trap.d.ts(118,30): error TS2315: Type 'ElementRef' is not generic. node_modules/ng-zorro-antd/drawer/nz-drawer-ref.d.ts(1,28): error TS2307: Cannot find module 'rxjs/index'.

package-lock.json 文件显示了这一点,所以我也尝试安装“@angular/cdk”:“6.4.7”,但得到了同样的错误。

0 投票
0 回答
1014 浏览

angular - 登录和注册屏幕

我有以下问题,我正在使用ng-zorro-antd做应用程序,现在我想做2个组件,一个负责登录,另一个负责注册。不幸的是,问题是在创建这些组件之后,如何在路由/登录或/注册之后进行然后这两个组件使用主模板,例如我有一个侧边栏。我怎样才能让他们不使用任何模板?我希望登录和注册仅显示登录和注册表单。

我在许多模板中看到,作为 BlankComponent 的一部分编写并且它可以工作,不幸的是它不适用于我。

我的路线:

而现在,当我写BlankComponent时,由于显而易见的原因,它表明没有这样的组件,如果我输入路径本身,它也将不起作用,因为它不会被赋予应该加载的组件。如果我输入LoginComponent,它会加载LoginComponent给我,但是这样我会加载共享中的Sidebar,我想得到的效果是进入路由寄存器后我会看到相同的内容RegisterComponent,没有侧边栏等. 与共享。

我的应用组件:

问题是进入RegisterComponent组件后,AppComponent的所有内容都出现在我面前,我只想读取RegisterComponent的内容

0 投票
1 回答
1141 浏览

html - 如何向 NgZorro Collapse 标题组件添加关闭按钮?

我正在研究 NgZorro Collapse 组件。我必须在组件的右上角添加一个关闭按钮。如何添加它?

0 投票
1 回答
2470 浏览

angular - Angular Router - 拦截子路由更改

我正在为 UI 组件使用 NG-ZORRO,并且我有这个模板

my-component.component.htmlMyComponent类)

我需要selectedIndex根据活动路线进行更改,无论是它routeOne还是routeTwo.
映射可能是

不幸的是,我不能使用routerLinkActiveasnz-tab不支持路由。

路线是

所有这一切都是因为用户可能想直接访问http://.../123/routeOne,所以我需要预先选择正确的选项卡。

我能以某种方式做到这一点吗?也许使用ActivatedRouteor Router

0 投票
2 回答
851 浏览

angular - 如果模态中有未保存的更改,如何防止取消模态?

我的 Angular 应用程序创建了一个模式对话框,允许用户输入和更改一些属性。当用户尝试取消模态(单击 X,或单击模态外部)时,请求警告用户模型中有未保存的更改。

在上面的代码中,“结果”没有反映模态的变化,因此它不起作用。

实现它的最佳方法是什么?