![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
文章平均质量分 59
千寻物语
这个作者很懒,什么都没留下…
展开
-
Angular BaseView抽离页面公用属性
如果有一系列的页面布局很类似,为了节省时间,我们可以把这些类似的页面所通用的属性和方法抽离成一个BaseView,让其它页面继承该基础页面,同时将一些经常改变的属性和差异的属性写到配置文件里。例如树容器初始时是否展开、某些图表是否显示等都可以写到配置文件里面。本文将带你实现该功能,抽离出BaseView页面组件,鉴于json文件无法写注释的情况,配置文件采取yml的格式。原创 2024-02-04 18:03:07 · 743 阅读 · 0 评论 -
Angular组件(二) 分割面板ShrinkSplitter
在Angular组件(一) 分割面板ShrinkSplitter文章中我们实现了Splitter组件,后来在业务场景中发现在开关右侧容器和底部容器时,使用起来不方便,ngModel绑定的值始终是左侧容器和顶部容器的大小,然而有时我们关注的是右侧容器和底部容器的大小,让左侧自适应。于是修改组件代码,让ngmodel绑定的容器大小和tlColsedMode关联,举例: tlColsedMode = “right”,ngModel绑定的值就是右侧容器的大小。原创 2024-01-30 11:42:48 · 1068 阅读 · 0 评论 -
Angular封装HttpClient文件下载
使用Angular框架开发工作中,实现文件下载业务时,我们可以使用Angular自带的HttpClient。下面我们就封装一下HttpClient实现文件下载,当接口返回文件流正常下载,后端返回json错误信息时,前端可以获取到错误信息进行toast提示。原创 2024-01-25 17:56:05 · 763 阅读 · 0 评论 -
antv/g6绘制数据流向图
在业务开发中需要绘制数据流向图,由于echarts关系图的限制以及需求的特殊要求,转而使用antv/g6实现,本文以代码的方式实现数据流向需求以及节点分组,版本"@antv/g6": “^4.8.24”,more本文主要列出关键性的代码,并非全部代码。原创 2024-01-23 21:37:10 · 881 阅读 · 0 评论 -
Angular组件(一) 分割面板ShrinkSplitter
分割面板在日常开发中经常使用,可将一片区域,分割为可以拖拽整宽度或高度的两部分区域。模仿iview的分割面板组件,用angular实现该功能,支持拖拽和双向绑定的方式控制区域的展示收起和拖拽功能。原创 2024-01-23 21:28:54 · 669 阅读 · 0 评论 -
Angular响应式表单表单验证触发另一个字段校验
在某些业务场景中,校验某表单字段的同时也需要校验另外一个与之相关的字段,例如开始时间和结束时间,要求结束时间必须晚于开始时间。在angular 响应式表单中改如何实现该需求呢,本文带你解读一下实现细节。原创 2024-01-25 17:37:55 · 487 阅读 · 0 评论