- 博客(163)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 ng-zorro中Modal对话框细节操作
很多时候，官网给的模板不适合我们的需求，这里是我对官网对话框的样式修改官网样式：1、修改宽度具体代码：import { Component } from '@angular/core'; <button nz-button [nzType]="'primary'" (click)="showModal()"><span>Show Modal</span></button> // 只加nzWidth属性，其他不变 <
2020-07-13 10:13:58
6907
1
原创 svn的图标突然不显示了
摘抄 https://www.jianshu.com/p/92e8e1f345c0摘抄 https://www.jianshu.com/p/92e8e1f345c0摘抄 https://www.jianshu.com/p/92e8e1f345c0作者：易冷zzz链接：https://www.jianshu.com/p/92e8e1f345c0来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。我怕下次找不到，自己记录下，点赞请到原博主页面关于图标的说明：W.
2022-04-14 17:42:00
3254
1
原创 svn汉化失败解决方法
前提:别人已经安装好了svn,但是没有汉化,我随意找了一个汉化包,运行安装后,并没有汉化成功过程:1、找到一个文件,右击看到svn(已经安装了svn)，选中"关于"，看你到svn的版本，红框的就是我的版本2、在svn官网上找到对应的汉化包，下载到svn的安装目录，清空Languages文件夹 内容，在安装汉化包，傻瓜式安装就行3、配置中文语言解析第三步，如何找到对应的版本进入官网：https://tortoisesvn.net/比如我的就是 TortoiseSVN 1.11.
2022-04-01 14:25:52
1983
2
原创 angular 对象可能为 “null“
angular有时候会出现这种情况解决：1、设置any类型比如设置某一节点的属性，但这个节点可能是nullconst divDom: any = document.getElementById('id');// 之后处理divDom，就不会有null的报错2、问号添加比如进行某个方法的下一步，例如处理：开始下一步之前加上？代表值不确定...
2022-03-09 14:31:19
1216
原创 angular里使用jquery
是angular2版本，不是angularjs版本1、下载jquerynpm install jquery --save下载ts版本的包npm i @types/jquery --save2、引入import * as $ from 'jquery';3、使用示例 ngOnInit() { // 禁用右键点击 $(document).ready(() => { $(document).bind('contextmenu', (e) => {
2022-03-08 16:50:17
1533
原创 接口返回的是每行数据而前端要合并单元格再渲染
angular接口返回的数据结构目标样式代码实现html <table style="width: 100%;border-collapse:collapse;" cellspacing="0" cellpadding="0" > <tr> <ng-container *ngFor="let item of listOfDataTitles; let i = index"> <t
2022-03-08 14:18:25
199
原创 angular使用crypto.js加密
MD5加密坑：只能加密，后端无法解密过程：1、下载npm install ts-md5 --save2、在需要的组件引入import { Md5 } from 'ts-md5';3、使用console.log(Md5.hashStr('123456'));AES
2022-03-08 14:15:17
1950
原创 给nzContent引入外来的HTML模板
声明：这里的nzContent是NG-ZORRO of angular 的Modal对话框里的内容修改下图中，红框标注的位置。官网是用反引符引入的HTML代码，但是，我们要是使用负责的样式呢？1、绑定简单的数据// name = 小明<b style="color: red;">${name}</b>2、绑定复杂的数据1、在HTML页面写结构2、在ts里写逻辑3、绑定到nzContent里代码：// 引入ViewChildimport { ViewChil
2022-02-24 17:29:48
1286
原创 npm i后报错
我升级了node版本与npm版本，但项目还是之前的，npm时报这个错我百度时，说是因为node版本太高导致的我降级了node，npm了低版本的npm，之后没问题了
2022-02-21 13:34:40
505
原创 无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
更新node后，再次运行angular报这个错解决：这种报错，是angular-cli没有配置path路径(其实之前是配置过的，在升级node时不知道怎么改变的其他的path)，在 此电脑（右击属性）-> 高级系统设置 -> 环境变量 -> 用户变量 -> path编辑 -> 把ng.cmd的路径放到这里我这里的路径变了，不是之前的路径了才报的这个错ng.cmd路径在npm文件夹里。我的npm下载路径放在了自定义的d盘里，这里就不截图了，默认的ng.cmd应该.
2022-02-21 10:56:34
1233
原创 nvm下载安装使用
下载有用命令下载的，有下载源码的，我下载的源码地址：https://github.com/coreybutler/nvm-windows/releases或者：打开GitHub，搜索nvm，我下载的是nvm-windows，然后点击版本下载，我这里最新的是1.1.9安装找到下载的nvm包，解压，双击安装第一个安装目录：这里没有使用默认的安装目录，修改安装目录为 D:\system\nvm读者可自行决定安装目录第二个安装目录：添加 node.js 的安装目录注意：这里用
2022-02-21 10:29:09
936
原创 升级node时遇见一直报Could not access network location *:\……的错
window环境下升级node正确的方式升级node，就是在node官网上下载想要的版本，双击运行（不用去管之前的node，不要卸载之前的node，不要卸载之前的node，不要卸载之前的node，环境变量也不用管）遇见的问题升级node时遇见一直报Could not access network location *:\……的错，试了网上的几种解决办法，依旧行不通解决看这里：https://support.microsoft.com/en-us/topic/fix-problems-that-
2022-02-18 18:23:14
2700
原创 Visual Studio Code快速删除空行
参考博主链接：https://www.cnblogs.com/wenzhongxiang/p/10367568.htmlCtrl+H调出页面，输入^\s*(?=\r?$)\n，使用正则表达式查找模式，一键全部替换我的无结果是替换后的显示
2022-02-16 09:37:11
860
原创 angular里使用uuid
下载npm i --sava-dev uuidnpm i --save-dev @types/uuid引入在要使用的ts文件里引入import * as uuid from 'uuid';使用const myUuid = uuid.v4();随机参数一个uuid数据下载是否成功的检查
2022-01-12 15:05:19
1162
原创 angular 使用ngx-qrcode2生成二维码使用
官方去官网，按这个来： https://www.npmjs.com/package/ngx-qrcode2步骤1、下载npm install ngx-qrcode2 --save2、引入import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import { NgxQRCodeModule } from 'ngx-qrcode2'; import
2022-01-05 13:52:09
939
原创 angular上线部署跳转某个页面时 报Loading chunk 2 failed错误
错误提示原因：本地项目没有问题，上线后有些页面打不开，还报错究其原因：就是上线后缺少某个文件（如图，我就是缺少2.33d4……文件）解决我的解决办法：重新打包，重新上线走过的坑网上由于很多其他的办法，清缓存啦、查看文件解析是否正确、路径没有设置跟目录等等，我测试后都不符合解决我的错误还不如重新打包看看，看重新打包后有没有这个文件（错误里会提示缺少哪个文件）...
2022-01-05 09:42:46
1153
原创 欢迎使用Markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2022-01-05 09:13:37
89
原创 ant desigh of angular：让nz-tree-select与nz-tree的值保持一致
需求:如图：说明：1、nz-tree-select与nz-tree用的是同一个树数据。2、zorro的10版本html代码<nz-tree-select style="width: 100%" [(ngModel)]="selectNodesValue" [nzNodes]="nodes" (ngModelChange)="onChange($event)" nzShowSearch nzPlaceHolder="选择测站" [nzAllowClear]=fals
2022-01-04 10:44:26
1216
原创 angular跨域请求接口
angular10、11版本两种请求方式：1、jsonp方式import { HttpClient, HttpHeaders } from '@angular/common/http'; constructor( private http: HttpClient ) { } ngOnInit(): void { this.typhoon(); } typhoon() { const url = 'http://typhoon.zjwater.gov.c
2021-12-28 15:06:53
1222
原创 ng-zorro中树(nz-tree)的拖拽
zorro的11版本angular11版本使用场景：把已经组织好的菜单设置为可以拖拽排序。使用tree来完成这个功能方法思路：1、选择正确的组件示例与方法2、对拖拽前行为进行判断，不合法的拖拽进行阻止3、对获取的数据进行处理，方便传给后端先分步实现，下面有完整代码1、选择正确的组件示例与方法使用这两个tree示例（结合使用）提示：第一个示例，无论调不调接口，都能完成视觉上的拖拽，并获得拖拽前后的数据。第二个示例，拖拽前校验，不符合条件的，阻止拖拽。这里两个合用是的效果就是：满足条件
2021-12-22 21:10:32
1320
原创 富文本--angular11版本
angular11版本使用的插件："ngx-quill": "^14.3.0",参考博文：https://blog.csdn.net/yw00yw/article/details/90298593http://www.javashuo.com/article/p-qttexlsn-hn.htmlhttps://www.jianshu.com/p/a7ded48ac974https://blog.csdn.net/zyxhangiian123456789/article/details/10790
2021-11-23 18:33:21
1106
原创 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
出现这个问题我走的坑（有一个成功了）：1、没成功在package.json里面：加上这一句：–max_old_space_size=8192// 或 --max_old_space_size=4096（建议先设置成4G看看，如果不行在设置为8G）“scripts”: {“dev”: “node build/dev-server.js”,“start”: “node build/dev-server.js”,“build”: “node --max_old_space_size=8192 b
2021-11-17 11:58:50
1484
原创 js读取excel中日期格式转换问题
如何读取Excel的数据我之前的文章有写，现在讲js读取excel中日期格式转换问题问题：excel自有的时间戳在读取excel时,会将2018/10/16这种数据自动装换成48264.12584511.拿到的整数值是日期距离1900年1月1日的天数，这时需要写一个函数转换：参考其他博主链接的函数： formatDate(numb, format) { const time = new Date((numb - 1) * 24 * 3600000 + 1) time.
2021-11-13 13:55:38
1440
原创 angular中绑定如如何iframe中src
参考博主：https://segmentfault.com/a/1190000018079523我是怕以后找不到才放这的。点赞请到原博主处需求：上面是tabs（动态），点击切换iframe的src，需要动态加载src实现：1、引入angular插件constructor( private sanitizer:DomSanitizer) {}2、使用插件转换地址this.sanitizer.bypassSecurityTrustResourceUrl(url)3、使用判断url有.
2021-10-29 15:23:17
835
原创 G2--3 柱状图、x轴折行显示、框选过滤数据
可以直接在官网里运行代码：import { Chart } from '@antv/g2'; // 会自动过滤掉重复日期的值 const data = [ { Data: '2021-07-24 8:00', sales: 57 }, { Data: '2021-07-24 12:00', sales: 55 }, { Data: '2021-07.
2021-08-27 15:42:26
569
原创 G2-- 2 面积图 并为提示添加单位
代码可直接在官网里运行import { Chart } from '@antv/g2'; const data = [ { Data: '2021-07-24 8:00', sales: 57 }, { Data: '2021-07-24 12:00', sales: 55 }, { Data: '2021-07-24 16:00', sa.
2021-08-27 15:36:54
349
原创 高德地图控件 angular应用
参考官网： https://lbs.amap.com/api/javascript-api/guide/overlays/toolbar我用的angular11结果：代码：<div id='map' style='width:100%; height:800px;margin: 0 auto;'></div> // tslint:disable-next-line:use-lifecycle-interface ngAfterViewInit(): void {
2021-08-25 10:44:59
432
原创 G6-定制不同节点的参数 --组合图
前言G6官方地址：https://antv-g6.gitee.io/zh/examples/gallery参考的G6案例有： 图表决策、边动画、定制不同节点的参数实现的效果：动画、放大、缩小、拖拽、移动、点击交互等有两版代码：一个是可以在G6官网里运行的。一个是在angular里运行的我暂时未处理的问题：图的适配问题，不能随着屏幕大小变化而变化代码可直接在官网上运行的代码：ps：随便找一个案例，替换掉里面的代码就行import G6 from '@antv/g6';G6.regis
2021-08-13 15:41:54
1263
原创 如何有效地报告 Bug
开源项目zorro中提的建议https://www.chiark.greenend.org.uk/~sgtatham/bugs-cn.html写在这里是因为人家写的挺好的，广传播下好，尽量给帮助我们的人减少麻烦还有个说反话的帖子：https://zhuanlan.zhihu.com/p/25795393估计人家也是被气急了引言为公众写过软件的人，大概都收到过很拙劣的bug（计算机程序代码中的错误或程序运行时的瑕疵——译者注）报告，例如：在报告中说“不好用”；所报告内容毫无意义；在报告中用户
2021-08-10 11:43:11
120
原创 高德地图-快速上手-图层示例在angular里的实现
高德地图 快速上手 示例 地址： https://lbs.amap.com/api/javascript-api/guide/abc/quickstart高德官方图层： https://lbs.amap.com/api/javascript-api/guide/layers/official-layers图层默认情况下，地图只显示标准底图，如需要叠加别的图层，可以通过map.add方法添加图层：<div id='map' style='width:1000px; height:600px;ma
2021-08-09 16:56:30
762
原创 angular引入高德地图
推荐网址高德地图api: https://lbs.amap.com/高德地图api使用手册：https://lbs.amap.com/api/javascript-api/guide/abc/quickstart高德在线测试地址： https://lbs.amap.com/demo/javascript-api/example/map-lifecycle/map-show注意：非angularjs1、准备工作首先，注册开发者账号，成为高德开放平台开发者登陆之后，在进入「应用管理」 页面
2021-08-09 10:38:49
1281
原创 在angular里引入G6--以创建结构图为例
官网地址： https://antv-g6.gitee.io/zh/docs/manual/introduction此时的官网版本： 4.2.0我的angular版本： 11引入在项目中引入 G6 有以下两种方式：NPM 引入；CDN 引入。1、在项目中使用 NPM 包引入Step 1: 使用命令行在项目目录下执行以下命令：npm install --save @antv/g6Step 2: 在需要用的 G6 的 JS 文件中导入：import G6 from '@antv/g6';/
2021-08-05 11:13:34
1574
原创 在本地创建ant design pro项目内容是官网上展示所有
编辑于：2021-07-07，Pro的更新还是蛮快的，看文章是注意时间，我写的怕是与最新的有出入过程中参考的地址：1、pro使用文档: https://pro.ant.design/docs/getting-started/2、Ant Design Pro 地址 https://preview.pro.ant.design/dashboard/analysis?primaryColor=#1890ff&fixSiderbar=true&colorWeak=false&pwa
2021-07-07 21:07:05
1056
原创 Echarts22--echarts中tooltip提示框位置控制
问题及解决问题：在div的边缘处放了echarts图，但鼠标移上去时，tooltip显示不完全，如下图：修改后的结果：问题解决的参考地址：https://www.cnblogs.com/yeminglong/p/9934910.html方法步骤关键代码：tooltip: { trigger: 'item', formatter: '{a} <br/>{b}: {c} ({d}%)', position: (point, param
2021-07-07 10:00:54
606
原创 Echarts21-- 折线面积图
结果：代码（可放在echarts里直接运行）option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter: (params) => { return params[0].name + '<br>' + params[0].marker + ' ' +
2021-06-22 10:15:33
182
原创 Echarts20 -- 给echarts柱状图提示数据添加上单位
前言问题如图：提示内容没有单位解决结果如图关键代码：tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter: (params) => { return params[0].name + '<br>' + params[0].marker + ' ' + params[
2021-06-21 18:00:10
8026
2
原创 angular打印功能--print.js插件
之前尝试了好几个打印功能，但都有各种问题，综合下来，print.js这个插件的问题最少我感觉，print.js最大的便利就是可以引入 打印css文件步骤：1、下载插件npm install print-js --save2、引入到文件哪个文件需要打印，就引入到哪个文件import printJS from 'print-js'这里引入时会报错，报错如下：解决方法在下面，先把print.js插件流程写完3、使用html文件，要打印的内容<div id="printT
2021-05-14 14:42:54
2041
11
原创 将扁平数据改为树状结构
参考文章原网址：https://blog.csdn.net/weixin_44329718/article/details/105949818?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-2&spm=1001.2101.3001.4242数据：data: any = [ { area_id: 5, name: '广东省', parent_id: 0, },
2021-05-11 14:02:55
469
原创 一开机电脑就弹出AutoUpdata.exe文件找不到
就显示这个问题产生原因：软件被卸载后，并没有完全卸干净，还有一些残留，多数是在启动项里面，有的可能是杀完毒后，还留下一些指向在注册表内，不管是什么情况，都是开机就启动，肯定在系统的启动项中解决办法：1、电脑管家修复2、自己下载的杀毒类软件等提示：像这种开机启动就弹出提示窗口的情况，必须先进行杀毒处理，然后再查启动项，这样效果才比较好参考：https://jingyan.baidu.com/article/495ba841f4332438b20ede44.html...
2021-05-06 09:21:35
455
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人