ng-zorro
wu_223
哈喽,大家好,我是一名web前端开发工程师,主用框架angular2以上,涉及的技术以地图leaflet方面居多,写的博客是在开发中遇到的问题,欢迎大家随时找我讨论
展开
-
angular17 打包项目放在了多出了个browser目录
改成"builder": "@angular-devkit/build-angular:browser",把"browser": "src/main.ts",改成"main": "src/main.ts",修改package.json配置文件,把。原创 2024-04-18 21:14:07 · 602 阅读 · 0 评论 -
ng-zorro nz-menu修改样式
菜单原创 2022-08-16 15:34:07 · 688 阅读 · 0 评论 -
ng-zorro table怎么更改滚动条样式
没改完之前是:修改效果图如下:代码如下::host ::ng-deep .ng-star-inserted::-webkit-scrollbar{ width:5px; height:1px;}:host ::ng-deep .nz-table-hide-scrollbar::-webkit-scrollbar { width: 5px; //这是表头的右侧显示背景色 background: #072e5d;}:host ::ng-deep .n..原创 2022-03-25 16:07:01 · 751 阅读 · 0 评论 -
table点击表格背景颜色变化,表格跟其余联动点击
效果如下:1. 表格代码 <nz-table #infoTable [nzData]="infoData" [nzScroll]="{ y: '350px', x: 'auto' }" [nzShowPagination]="false" nzFrontPagination="false" > <thead> <tr> <th>名.原创 2021-12-16 14:44:11 · 343 阅读 · 0 评论 -
ng-zorro-antd 日期显示英文
1. 官方文档上给的是英文的引用,所以需要改成中文的 app.module zh_CN ,zhimport { registerLocaleData } from '@angular/common';import zh from '@angular/common/locales/zh';registerLocaleData(zh);import { NZ_I18N } from 'ng-zorro-antd/i18n';import { zh_CN } from 'ng-zo...原创 2021-04-28 14:54:32 · 364 阅读 · 0 评论 -
ng-zorro nzFrontPagination=“false“设置了不管用,还是自动分页
需要加上nzFrontPagination="false", 是否分页,默认为true, [nzShowPagination] 是否显示分页器<nz-table #kkTable[nzData]="tableData"nzSize="middle"[nzShowPagination]="false"nzF...原创 2021-01-15 10:19:41 · 1054 阅读 · 0 评论 -
echarts+(html+js+css)左边列表,拖拽到右边生成流程树
效果如下图所示:(左边拖动到右侧,可添加跟删除等操作,最后进行提交)1. 本文依附echarts,所以需要去引入echart.min.js, 官网下载地址:https://echarts.apache.org/zh/download.html2. html代码:(本文是angular6+UI框架ng-zorro,也可自己手写样式)<nz-layout> <div nz-row class="titlek"> 新建流程 &...原创 2020-06-09 15:33:20 · 1869 阅读 · 0 评论 -
ng-zorro 修改原框架的样式
1. 修改原框架鼠标移入(表格,时间框)的颜色 找到原框架的class,然后前边加上这个:host ::ng-deep,修改背景色为none就可以了:host ::ng-deep .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row)>td,.ant-table-tbody>...原创 2020-01-08 17:24:27 · 1150 阅读 · 1 评论 -
ng-zorro中时间只显示一段时间,其余的禁止
1.ts中先引入两个import differenceInCalendarDays from 'date-fns/difference_in_calendar_days';import setHours from 'date-fns/set_hours';2. 在hmtl中写入时间time框,加入nzDisabledDate和nzDisabledTime和nzShowTime ...原创 2019-02-12 17:03:41 · 4901 阅读 · 0 评论 -
在首页中,点击一项,如何实现,菜单项的只显示对应的一部分
比如:首页点击首页的大气监测网一项,(angular5+ng-zorro) 怎样跳转到里边菜单项的单独大气监测那一项,其余项给隐藏解决方法:最简单的方法就是多建几个目录组件,每个目录组建中只包括当前要出现的一项 比如:大气检测组件中的菜单就只显示大气监测的那一项...原创 2018-09-10 12:15:51 · 718 阅读 · 0 评论 -
ng-zorro0.7.1+angular5: Missing locale data for the locale "zh-cn".
DatePicker日期选择框如出现以下错误:nz-date-picker 的部分 locale 来自于 Angular 自身的国际化支持,需要在 main.ts文件中 引入相应的 Angular 语言包。import { registerLocaleData } from '@angular/common';import zh from '@angular/common/locales/zh';...原创 2018-06-05 11:03:12 · 2998 阅读 · 1 评论