今天不想吃饼干-CSDN博客

原创 Angular：搜索关键字，高亮显示关键字

- 在输入框输入关键字，不区分大小写搜索信息，若有跟关键字相匹配的结果则高亮显示。- 删除输入框的内容，高亮文字恢复原样- 搜索新内容，前一个搜索内容的高亮文字恢复原样

2022-06-07 14:29:44 584

原创 Angular 判断文字是否溢出，超出两行末尾加省略号，hover显示提示文本

Angular 判断文字是否溢出，超出两行末尾加省略号，hover显示提示文本需求说明思路需求说明将标签按首字母排序列出，标签内容超出两行时末尾显示省略号，鼠标滑过时判断文本是否溢出，溢出显示提示文本，未溢出则不显示。思路鼠标滑过的时候使用(mouseenter)事件，判断文本的实际高度：scrollHeight和文本的可视高度 clientHeight,溢出则设置tips可以显示。以下为具体代码Html:<div class="content-box" *ngFor=

2022-03-31 17:38:42 2246

原创 angular启动项目内存溢出：JavaScript heap out of memory

执行错误控制台输出如下所示：试了网上很多方法都没有用，打包时没有报错，ng server 一直跑不起来，按照里面的方法成功执行，原文地址如下：Fix of Angular-cli ‘JavaScript heap out of memory’ error while running ‘ng serve’使用了以下方法：在 package.json 加上这一段代码"build-serve": "node --max_old_space_size=8048 ./node_modules/@angul

2021-11-09 10:28:53 1517

原创 Angular项目升级遇到的问题

Angular8 -> Angular 9，包括NG-ZORRO、NG-AlAIN 删除项目下 package-lock.json 文件跟着升级步骤更新angular https://update.angular.io/?v=8.0-9.0 更新8最新版本： ng update @angular/core@8 @angular/cli@8 更新到9：ng update @angular/cli@9 @angular/core@9 把ng build的错误都改正跟着步骤更新NG-ZOR

2021-10-29 09:45:24 3647

原创 Angular 学习记录

Angular 学习记录一、学习网站二、UI开源库三、常用工具四、开发环境五、VSCode 扩展六、常用命令(基于NG-ALAIN)七、基本使用八、Demo九、常用方法十、可能遇到的问题及解决办法学习Angular有一段时间了，把学习到的东西记录下来，以便忘记了能重新复习一、学习网站HTML、CSS、JavaScript文档学习网站： https://www.runoob.com/angular官网：https://angular.cn/.可以看完基础知识后，学习并实践“英雄列表”的项目

2021-09-26 14:45:06 498

原创 Angular ng-zorro 读取Excel表格的内容显示在页面

项目场景：需求：在前端上传Excel表格，获取表格内容，并显示在页面，存入数据库。避免需要把文件上传到云端浪费存储空间。文章目录项目场景：实现效果实现过程1.引入库2.读入数据实现效果点击按钮：选择要读取值的表格读取值可编辑点击确定后上传到数据库实现过程ng-Alain 官网上有详细的方法介绍，https://ng-alain.com/components/xlsx/zh 由于input按钮样式太丑，以下是基于官网的方法做修改1.引入库代码如

2021-09-02 13:35:34 1931 2

原创 ng-zorro引用图标未显示或未生效

前言已经全局引用图标组件，但某些图标仍不生效import { NzIconModule } from ‘ng-zorro-antd/icon’;解决办法打开ng-zorro官网（Link）找到想要的图标，按下F12后查看查找Class，复制Class内右边的内容，如 anticon-user，则获取到控件标识引用控件标识 menuData.push( { text: 'proxy', children: [.

2021-07-29 15:23:06 1767

原创运用localStorage存储获取操作记录(ng-zorro)

运用localStorage存储获取操作记录(ng-zorro)功能描述功能描述：表格列过长，通过用户选择隐藏部分列有利于更直观查看需要看到的表格信息。关闭浏览器，下次打开希望记忆已选项。勾选，隐藏不必要检查项一、引用控件引用ng-zorro 控件：Tree树形控件官方文档: link.二、实现步骤代码如下：HTML:<nz-card> <nz-tabset nzLinkRouter [nzTabBarExtraContent]="extraTempl

2021-07-29 14:58:42 334

weixin_44227791的博客