Angular
Angular
Cloud Flower
二次元老贼、U3D游戏开发、NestJS学习中
展开
-
angular:ng build默认文件带hash值,可以防止cdn缓存导致用户文件不能刷新
cdn缓存了文件,如果是同一个名称文件,如果不手动清除cdn缓存,则用户获取的是旧的,而不是新的,因此如果前端打包在文件加上hash,这样文件有变动,用户会获取新文件。原创 2023-09-11 17:43:41 · 413 阅读 · 0 评论 -
angualr:CSS一个div内两个子元素的高度自适应
问题:如题参考:原创 2023-09-10 22:28:58 · 794 阅读 · 0 评论 -
angular:trunk包探究
组件providedin注入,会在组件所在的模块(如果每个组件单独注入,则会存在多个组件中?模块级别则每个模块单独一份?如果子路由非常多,那么这个路由的配置也将非常大,有优化思路但是没有找到现成框架。如果有很多不需要被主界面及主界面模块调用的方法和属性,应该将只需要的内容抽离出来,单独注入到使用的地方。2.providein为非root也一样,因为如果在main.js,和root一样的效果,其他地方不会有备份。通配路由**也可以lazy load,需要注意的是不能有children路由,否则会报错。原创 2023-09-10 20:52:16 · 202 阅读 · 0 评论 -
angular:简单实现图片如果超过屏幕高度则滚动置顶;没超过则水平垂直居中
此写法针对简单界面有效,因为ngif中有函数,会触发多次调用,如果含复杂界面可能会有性能问题。求轻快实现可以一步在html模板里完成,而不用去ts中搞一堆代码。原创 2023-09-10 18:07:57 · 159 阅读 · 0 评论 -
angular:service providedIn: ‘root‘,编译时会将代码合入使用的模块,如果没必要应该尽量使用动态模块
即使不是root,如果某个模块使用了,会将其也封装到对应模块文件,增加模块文件大小。如果不是第一时间就需要的,可以封装为自定义组件或者模块,在合适时机后台提前下载,减少首包。如果不是特别需要全局使用,应该尽量避免声明service providedIn;原创 2023-09-10 12:17:16 · 76 阅读 · 0 评论 -
angular:发牢骚,ionic以及其他库在windows和android的浏览器没问题,到了ios一堆bug
发文感叹下,太难了。原创 2023-09-10 09:33:11 · 56 阅读 · 0 评论 -
angular:使用Router.navigateByUrl传递state后如何在新组建获取state传递的data
使用history.state来获取。原创 2023-09-09 20:30:47 · 121 阅读 · 0 评论 -
angular:html2canvas对ion-avatar节点渲染不正确
【代码】angular:html2canvas对ion-avatar节点渲染不正确。原创 2023-09-08 20:50:23 · 178 阅读 · 0 评论 -
angular:HtmlElement的子节点有Shadow dom时奇怪的现象
会在appendChild shadow dom节点报错,提示不是一个HtmlElement,无法append。这样写时,会自动跳过shadow dom节点的遍历。原创 2023-09-08 20:40:01 · 730 阅读 · 0 评论 -
angular:html2canvas报错提示Unable to find iframe window
打印clone,发现直到ion-route-outlet层,后面的节点没有再遍历了,因此出现报错。而界面如果加载完再调用,则无报错。只在 ctrl+r 页面初始化和首次进入目标界面会报错,如果是延时触发,则不会报错。查看源码,在chrome进行源码修改后打印,定位到报错代码段。暂时没有继续深究,感兴趣的可以继续打印查看。原创 2023-09-07 20:35:10 · 790 阅读 · 0 评论 -
angular:quill align的坑
上一行设置了align为center,换行后下一个会继承上一行的格式,我想使用Quill.formatLine(newLineIndex, 0, ‘align’, 'left')来左对齐,发现始终不能生效。因此只能获取换行后的格式,将align设置为undefined,再调用Quill.formatLine。参看quill.js源码,发现align没有left的配置。原创 2023-08-19 22:28:16 · 348 阅读 · 1 评论 -
angular:自定义toolbar点击回调
【代码】angular:自定义toolbar点击回调。原创 2023-08-19 13:41:46 · 105 阅读 · 0 评论 -
angular:设置元素动态宽高
【代码】angular:设置元素动态宽高。原创 2023-07-20 15:46:56 · 293 阅读 · 0 评论 -
angular:css row-gap作用
row-gap可以使用于网格布局,也可以使用于flex布局,调整行间距。原创 2023-07-20 15:47:28 · 85 阅读 · 0 评论 -
angular:ionic NavController.back不会触发ionWillLeave和ionDidLeave
ionic NavController.back不会触发ionWillLeave和ionDidLeave。不会触发回到界面的NgOnInit、ionWillEnter、ionDidEnter事件。原创 2023-06-03 18:15:51 · 100 阅读 · 0 评论 -
angular:ionic preference在真机上无法保存和获取数字
在存储前将object json化,在获取时将其parse。浏览器下可以保存和获取数字,但是真机上无效。原创 2023-06-03 18:00:32 · 59 阅读 · 0 评论 -
angular:谷歌浏览器远程调试
地址栏输入chrome://inspect/#devices。android能链接adb的可以调试。原创 2023-06-03 17:56:41 · 116 阅读 · 0 评论 -
angular:ng-template 使用ngif和ngifelse
参考:原创 2023-05-31 11:45:16 · 686 阅读 · 0 评论 -
angular:路由直接import xxx-route.module文件的坑
惰性加载可以直接import xxx-route.module,而且可能一开始始不报错,如果在html使用第三方库的组件时,在xxx.module中import对应的module,报错仍然不能解决。如果declarations没有包含对应的组件,WebStorm会有提示的,而直接引用路由文件没有提示。如上图,发现import错文件了。以后如何快速判断呢?原创 2023-05-31 10:48:45 · 150 阅读 · 0 评论 -
angular:ServerTransferStateModule将服务器请求的数据保存,避免客户端再次请求
参考:12:40开始讲解。原创 2023-05-28 21:30:35 · 75 阅读 · 0 评论 -
angular:ionic的ion-segment的value不会触发ionChange
描述:如上。原创 2023-05-28 13:50:15 · 58 阅读 · 0 评论 -
angular:angular重用策略与ionic重用策略浅谈
同一个路由地址会复用,在离开当前路由时会缓存路由地址对应的组件,当再次遇到相同路由地址时会恢复,但是复用后,如果是回退操作,则会将其销毁(继续跳转则不会)同一个路由地址互相跳转会复用,否则会重新创建component(无任何重用)原创 2023-05-28 11:44:59 · 125 阅读 · 0 评论 -
angualr:primeng toast时报错NullInjectorError: No provider for MessageService!
provider使用MessageService。原创 2023-05-27 19:07:20 · 205 阅读 · 0 评论 -
anguar:ionic ssr时报错10 rules skipped due to selector errors:
如果不需要 @import "~@ionic/angular/css/float-elements.css";可以注释掉,这样不会报错了。原创 2023-05-27 18:32:11 · 904 阅读 · 0 评论 -
angular:chrome选择检查可以查看元素属性
原创 2023-05-04 17:14:55 · 90 阅读 · 0 评论 -
angular:formControlName必须在UntypedFormBuilder创建的实例对象中有对应的键,否则会报错
将title改为对应的值。原创 2023-04-01 22:45:42 · 243 阅读 · 0 评论 -
angular:UntypedFormBuilder需要import
在module导入ReactiveFormsModule。原创 2023-04-01 22:23:41 · 296 阅读 · 0 评论 -
npm:按照package-lock.json的配置安装依赖
解决方法:使用npm ci。原创 2023-04-01 11:10:58 · 1773 阅读 · 0 评论 -
angular:ng-star-inserted作用
BrowserAnimationsModule来使用的,控制动画进入和离开。原创 2023-03-26 18:10:31 · 498 阅读 · 0 评论 -
angular:富文本编辑器推荐ngx-quill
npm网址官方网址使用:原创 2023-03-25 17:06:43 · 461 阅读 · 0 评论 -
angular:获取组件自身html对象
【代码】angular:获取组件自身html对象。原创 2023-03-17 17:12:59 · 561 阅读 · 0 评论 -
angular:ng add “@nguniversal/express-engine“提示Data path ““ must NOT have additional properties
只知道有个项目能成功,拷贝这个项目uninstall后再次ng add也能成功,而其他项目无法成功,提示这个。手动添加相关代码,一样能够运行 ssr。原创 2023-03-16 03:52:50 · 594 阅读 · 0 评论 -
ionic:live reload时build apk导致白屏
live reload时会把在此文件加上"server":{"url":"xxxxxxx"}},退出live模式时还原成之前的配置。如果这个时候进行apk打包,因为连不上服务器而出现白屏。关闭live,正常打包。如果发现配置仍然没有还原,使用ionic cap sync同步本地配置。原创 2023-03-15 19:40:51 · 106 阅读 · 0 评论 -
Ionic:组件事件会发给多个相同的组件,需要特殊处理
如题,可以通过下面解决。原创 2023-03-14 16:59:06 · 74 阅读 · 0 评论 -
angular:路由失效问题
使用nesting routes时,发现lazy load的模块(假设XXXModule)的路由失效了,进行lazyload加载的path匹配失效。最后查找到原因,XXXModule被某个模块直接注入了,然后路径刚好匹配XXXModule的路由,这时候路由会忽略lazyload的匹配。原创 2023-03-10 11:54:04 · 592 阅读 · 0 评论 -
ionic:自定义svg图标大小
发现可以通过这样编写样式表修改ion-icon的样式。参考ion-icon源码。原创 2023-02-28 17:22:33 · 327 阅读 · 0 评论 -
angular:路径找不到时会跳回主页
本地起服时,如果输入的路径无法匹配现有规则,则会跳转至主页,带来一定困扰,最好是统一显示或者导航至特定页面,以便debug。原创 2023-02-28 14:34:28 · 106 阅读 · 0 评论 -
ionic:引入图标
在添加ionic框架后,如果需要使用内置资源库,需要在angular.json如下声明。原创 2023-02-28 09:24:44 · 114 阅读 · 0 评论 -
ionic知识系列:Could not remove dir ‘/data/data/io.ionic.starter/code_cache/.ll/‘
ionic安卓工程build出来的文件损毁,可以将android/app/build目录删除,执行ionic cap copy,在android studio停止android studio模拟器,再次运行app。原创 2022-10-05 21:11:53 · 3281 阅读 · 2 评论 -
angular:路由导航失效
如果在AppModule的Provider中引入MessageService则会出现这个问题。在路由中,跳转到某个链接,结果至''路径下,且没有任何报错。原创 2022-09-18 23:08:44 · 320 阅读 · 0 评论