Angular2
xiaoguangtouqiang
一枚小小程序员
展开
-
Arcgis使用本地js和css的方法
默认的情况下,arcgis会使用官网的js和css样式,加载会很忙,地图有时候会因为js文件请求超时而加载不到,特别影响体验,所以很有必要将js文件打包到项目中来使用;1.官网下载对应的js包2.放到content目录下面,如图所示3.修改js中的路径地址修改两个js中的地址为相对路径,之前应该[HOSTNAME_PATH]啥的吧,不记得了;修改成相对路径4.在使...原创 2020-02-27 17:55:00 · 1175 阅读 · 0 评论 -
Angualr集成arcgis
刚接触这个arcgis,做个记录;特别是angular中引入;1.需要引入esri-loader来加载map,view以及图层等用到的模块;在package.json中添加引用的包:"esri-loader": "^2.13.0"2.开发具体的地图,这里先以点图为例首先页面的html元素内容:<div #mapViewNode></div>然...原创 2020-02-11 19:04:33 · 757 阅读 · 0 评论 -
Angular2 动态组件
在前端开发过程中,经常会遇到一种情况,根据不同的类型,需要加载不同的组件,一般的做法是通过ngswitch语法来进行类型判断,在里面写组件。例如下面的代码,会根据不同的报表节点类型加载不同的component来绘制不同的图表<div class="height100" [ngSwitch]="node.reportNodeType"> <div c...原创 2018-03-03 14:57:13 · 1277 阅读 · 0 评论 -
angular 清空数组的方式
1.最原始的方式A = [];设置变量A为一个新的空数组,如果没有另外的引用指向A的时候,这种方式是最好的,但是如果有一个引用变量B指向A,执行A=[ ]后,B还是原来的数组,不会发生变化;因为刚开始B=A;A和B指向同一个地址,然后A= [ ]后,A指向了另外的一个地址,所以B还是原来的地址;例子var arr1 = ['a','b','c','d','e','f'];var arr2 = a...原创 2018-03-15 22:53:21 · 4247 阅读 · 0 评论 -
Angular 2 directive处理多次点击提交问题
在Angualr中,经常需要处理多次短时间重复点击提交等操作;比如,页面的一些操作需要经常提交请求到后台处理数据,或者搜索功能对于每一个输入的字符都到后端搜索处理返回结果,对短时间内频繁的重复提交来说,我们只需要这段时间内最后一次的提交请求;否则这些无效的网络请求会加大服务器的负担;在angular中,我们可以通过创建一个延时执行的click的directive来处理这种情况;1>首...原创 2018-03-21 23:25:11 · 2386 阅读 · 3 评论 -
Angular 4 Router
在搭建一个项目的时候,了解下来,Angular的路由功能还是有点绕的,做个总结;文章会通过实际的例子和代码来介绍,不单纯是一些理论的东西;文章第一部分会说下jhipster生成的框架默认的路由的加载,然后第二部分针对有特殊的需求,说下自己的解决方法; 首先要明确一个问题:路由加载的组件会填充它的parent的compent对应的html里面的router-outle...原创 2018-11-01 11:52:41 · 777 阅读 · 0 评论 -
Angular 4 动态table
最近的项目中前端开发遇到多列的table问题,大概有40多列,而且这样的table还比较多,最主要的这个列还不是固定的,所以如果按照以往的硬编码的方式很不灵活,还容易出错;考虑结合阿里的antd组件库使用循环输出的方式解决这个问题;1.返回数据结构 后端返回的时候,不能只返回list的内容了,还有返回header的内容,包括header的中文显示名称,header的...原创 2018-12-28 18:28:01 · 3078 阅读 · 1 评论 -
Angular4 实现动态Form
在最近的项目中遇到动态form表单的问题,遇到很多编辑的地方,而且编辑的form表单很多内容,大概几十个字段,而且有不同的类型,有文本框,也有下拉列表,有时间控件,还有数值控件等等,如果采用硬编码的方式会有很多问题,代码量太大,容易漏数据,很容易出错;于是正好找到Angular有类似的例子,https://angular.io/guide/dynamic-form,参考这里...原创 2018-12-28 18:59:22 · 2751 阅读 · 0 评论