Stack Overflow
Stack Overflow

Questions tagged [ng-zorro-antd]

Following the Ant Design specification, we developed a Angular UI library ng-zorro-antd that contains a set of high quality components and demos for building rich, interactive user interfaces.

Features

  • An enterprise-class UI design language for web applications.
  • A set of high-quality Angular components out of the box.
  • Written in TypeScript with complete defined types.
  • Support OnPush mode, high performance.
  • Support Customize theme.
  • Support import Component individually.

Environment Support

  • Modern browsers and Internet Explorer 11+ (with polyfills)

  • Server-side Rendering

  • Electron

Design Specification

ng-zorro-antd synchronizes design specification with Ant Design on a regular basis, you can check the log online.

257 questions
10
votes
3 answers

Configuring Ant Design with Angular 8 and SCSS

Does anyone have experience setting up Ant Design in an Angular project with SCSS styles? Setting up is not the difficult part but I'm trying to override the variables that Ant Design exposes in their design system. The problem is that they use…
maham.shahid
  • 301
  • 4
  • 19
7
votes
1 answer

Can't render some NG-ZORRO icon

As described in the title, some of the icons from NG-ZORRO can't be rendered. Expected 5 icons to be rendered, however only 2 were rendered. View attached for the output main.component.html
XQ_CHIA
  • 158
  • 2
  • 7
6
votes
2 answers

Default Selected Values Ng-Zorro

I am working with information related to users (create, delete and edit), for that I am using the same reactive formGroup. One of the current functionalities are related to edit user's information, once the user click on edit, a Modal appear with…
Claudia Bermúdez
  • 125
  • 1
  • 3
  • 11
5
votes
0 answers

Login and registration screen

I have the following problem, I'm doing applications using ng-zorro-antd, and now I would like to do 2 components, one responsible for logging in, the other for registration. Unfortunately, the problem is that after creating these components, how to…
PawelC
  • 1,128
  • 3
  • 21
  • 47
5
votes
2 answers

using nz-upload i.e (Using ant-design NG-Zorro) custom Request how to upload image

I am using NG_ZORRO ant design for angular 6 application. I have created a component to upload an image using nz-upload. Now i want to use the custom request for uploading image that holds the action and request headers to upload the image.
mpunit30
  • 381
  • 9
  • 26
4
votes
1 answer

Create TemplateRef in a Angular 10 service

We use ngZorro in an Angular 10 project. Now I want to open the drawer (https://ng.ant.design/components/drawer/en) to show forms. The scenario is a list of e.g. products and on a click on one of the product, it's form should be opened in the…
Indivon
  • 1,784
  • 2
  • 17
  • 32
4
votes
3 answers

Prevent sort trigger on a table column when resizing it

How can I prevent the sort being triggered on a table column when resizing the column with the resizable component? When the mouseup event occurs over the th that's being resized it triggers the sort. I tried to prevent it in the nzResizeEnd event…
haxor
  • 154
  • 9
4
votes
1 answer

How can I hide component when I use ng-zorro?

I use Angular 7 and ng-zorro, I want to hide sidebar when I click on the login button. I have tried this "[(nzVisible)]="isVisible". But it is not working. Uncaught Error: Template parse errors: Can't bind to 'nzVisible' since it isn't a known…
Reimond
  • 101
  • 2
  • 11
4
votes
1 answer

Is there a way to use either a nz-checkbox Or nz-checkbox-group Or nz-checkbox-wrapper inside a reactive form

Following code works great if is used independently, Angular6.0 does not allow [(ngModel)] with FormGroup…
ZorroUser
  • 41
  • 1
  • 4
3
votes
0 answers

nz-select dropdown doesn't connect itself in nz-modal

When using nz-select in a nz-modal that content is scrollable, you see the dropdown is not connected to itself after page scroll. expect display error dispaly Here is an example to reproduce the problem StackBiltz.
杨亦昕
  • 31
  • 1
3
votes
2 answers

Angular Ant Desing NG Zorro Table- Not able to display data

I am currently developing an entity framework project, and I am using nSwagStudio to link to the models created in the service So in the client side I just import the file created by nSwag. In my Angular component.ts I have : import { Artigo,…
Daniel Simões
  • 41
  • 3
3
votes
2 answers

error NG8001: 'nz-layout' is not a known element

Every thing I copied from NG-ZORRO, I also imported NgZorroAntdModule, but when I'm trying to build the project I encountered this error. ERROR in pages/welcome/welcome.component.ts:8:5 - error NG8001: 'nz-layout' is not a known element: If…
Henry Wang
  • 61
  • 1
  • 1
  • 6
3
votes
0 answers

Antd Angular validating inputGroup in formArray

Basically i have a form Array of inputGroups, i'm using ng-Zorro (antd Angular) and trying to validate my inputGroup and display error messages According to which control is wrong: Here's the form Template :
user7616817
  • 357
  • 4
  • 18
3
votes
2 answers

ng-zorro cascader lazy load data, nzLoadData function got this=undefined

I want to lazy load data for cacader. But failed because in the load function this=undefined. The function is defined in component, and other functions in the component working well. Please help, thanks.
ZhaoGuoXin
  • 43
  • 2
3
votes
2 answers

Ng-Zorro select not showing selected items with NgModel

I am using Ng-Zorro's multiple select, which is in a drawer. When opening the drawer, I give the select element a list of options and a list of items that are already chosen. The list of options to pick from works fine, but the already selected…
Tuts
  • 79
  • 1
  • 10
1
2 3
…
17 18