![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ng-zorro-antd
maozuai~zi
这个作者很懒,什么都没留下…
展开
-
ng-zorro-antd使用nzShowQuickJumper将英文Goto转化为汉字跳至XX页,国际化简体中文zh_CN
实现效果实现过程我使用的框架是angular7,使用ng-zorro-antd 7.5.1,参考http://ng.ant.design/version/7.5.x/docs/i18n/zhapp.module.ts/** 配置 angular i18n **/import { registerLocaleData } from '@angular/common';import en from '@angular/common/locales/en';/** 配置 ng-zorro-antd原创 2021-10-27 14:58:57 · 667 阅读 · 0 评论 -
tab页:ng-zorro-antd 使用前台分页,点击tab页切换数据时页码不在默认的第一页
问题描述使用ng-zorro-antd的前台分页(一次性获取全部数据)点击第一个tab页时数据切换到相应tab,点击页码(如第四页页)会切换到相应数据;点击第二个tab页时,页面显示在第四页而不是第一页解决方法html<nz-table #smallTable nzSize="small" [nzData]="data" [nzPageSize]=8 [nzPageIndex]="page" (nzPageIndexChange)="nzPageIndexChange($event)"原创 2021-05-13 16:03:00 · 815 阅读 · 0 评论 -
tab页:ng-zorro-antd使用后台分页,获取数据、渲染数据
后台分页1、获取栏目名称2、通过栏目名称获取数据3、点击栏目切换数据4、点击分页切换数据html代码<!--获取栏目名称 --><ul class="tabs d-flex"> <li *ngFor="let item of columns;let i=index" (click)="activeColumnIndex=i; handleMouseoverTab(item)" [class.active]="active原创 2021-04-12 17:48:31 · 795 阅读 · 0 评论 -
nz-modal 使用
使用步骤前提:使用公司自己开发的平台存在问题引入模块后,按antd文档上第一个示例写代码,但是对话框里的文字不显示解决方式参考下面第二步1、引入模块//引入对话框模块import { NzModalModule } from 'ng-zorro-antd/modal';//引入按钮模块import { NzButtonModule } from 'ng-zorro-antd/button';//以下是antd的原文export class NzDemoModalBasicCompo原创 2021-03-16 17:58:23 · 2978 阅读 · 0 评论