angular
文章平均质量分 55
萤火虫塔莉
恪守自己,善待他人
展开
-
借助nz-pagination中的let-total解析ng-template
导言 在使用Ant design过程中,发现分页组件nz-pagination通过设置nzShowTotal来展示一共有多少数据时使用了let-total这样的写法,我奇怪的点在于这个let-total没有被赋值的对象,那它的值又是从哪来的呢? <nz-pagination [nzPageIndex]="1" [nzTotal]="85" [nzPageSize]="20" [nzShowTotal]="totalTemplate"></nz-pagination> <ng-t原创 2022-05-27 16:59:18 · 494 阅读 · 0 评论 -
在懒加载模块中使用服务
1. NgModule providers方式声明 如上图所示在Test 模块中定义一个UserService的服务,并通过NgModule装饰器中providers来声明。 @Injectable() export class UserService{ constructor(){ console.log('userService init'); } } 然后模块A和模块B都为懒加载的模块,并且都需要引入模块Test,模块A中有一个组件a1,模块B中有一个组件b1,组件a1和组件b1都依原创 2022-04-28 17:29:16 · 294 阅读 · 0 评论 -
全局升级angular-cli到最新版本
在没有package.json的文件夹或者根目录下执行一下三行命令行 nmp uninstall -g @angular/cli npm cache verify npm install -g @angular/cli 执行完后执行ng v查看版本号,如果版本号没有更新,尝试关闭命令行工具,重新打开 ...原创 2021-07-22 17:00:21 · 1085 阅读 · 0 评论 -
从angular5 升级到angular9(最新版本)
搞了一天,终于升级成功了,其实最后升级成功倒发现没那么难。 以下方法适用于想一次性升级package.json中所有依赖到最新版本的方案: 这个库是我们的必需品npm-check-updates 依次运行下面的三个命令 npm i -g npm-check-updates ncu -u npm install 升级完之后可能会报这个错误 The serve command requires...原创 2020-02-19 15:52:23 · 5829 阅读 · 0 评论