随笔分类 -  angular

摘要:首先复制一下ng-zorro的虚拟表格 这里选用虚拟表格,原因是数据页面有多个表格存在加载的数据量很大,且表格滚动时有事件监听不用写额外的方法去监听滚动条滚动 先打印分析表格滚动时有哪些信息被输出 从打印的信息内发现有个_renderedRange属性名为渲染的范围,因此可以通过该属性的end值来判 阅读全文
posted @ 2023-06-11 20:59 想学前端的小李 阅读(576) 评论(0) 推荐(0) 编辑
摘要:一.input和output 1.子组件通过@Input装饰器获取到父组件传递的值 //子组件html模板 <p>child</p> <div> {{ showText }} </div> 子组件类 import { ChangeDetectionStrategy, Component, Input 阅读全文
posted @ 2023-04-16 23:15 想学前端的小李 阅读(27) 评论(0) 推荐(0) 编辑
摘要:第一步安装node(跳过) 第二部安装angular-cli npm install -g @angular/cli cmd 面板输入 ng verison angular 脚手架安装成功 运行cli命令 ng new 工程名称 这样就可以成功生成angular项目啦 我们来看看项目目录 启动项目 阅读全文
posted @ 2022-12-24 03:40 想学前端的小李 阅读(423) 评论(0) 推荐(0) 编辑
摘要:情况1 npm 版本过高报错(–legacy-peer-deps) 解决方法1 npm i --force //or npm i --legacy-peer-deps npm 7中引入的一项新功能是自动安装peer dependencies。 在npm的之前版本(4-6)中,peer depende 阅读全文
posted @ 2022-12-21 00:09 想学前端的小李 阅读(1453) 评论(0) 推荐(0) 编辑
摘要:由于官网无法登陆所以参考csdn angular拖拽案例 滚动条属性设置 需求:把ng-zorro表格头部做成可拖拽的形式 思路:拖拽表格最简单的实现就是把表格的元素设计成数组渲染,通过改变数组元素来渲染表头,上代码 AAP.model.ts import { DragDropModule } fr 阅读全文
posted @ 2022-02-06 07:44 想学前端的小李 阅读(329) 评论(0) 推荐(0) 编辑
摘要:1.在所需过度ts中引入 import {trigger, style, animate, transition, state} from '@angular/animations' 在app.module.ts 引入 import { BrowserAnimationsModule } from 阅读全文
posted @ 2022-01-03 22:30 想学前端的小李 阅读(106) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示