随笔分类 -  angular 学习

公司开发一套新的系统,敲定用angular开发,虽然没有经验,但还是硬着头皮开发,一点一点查看文档,遇到问题都总结下来,最后都变成了经验
WebStorm配置TSLint
摘要:WebStorm: 打开 File->Settings 对话框, 左侧导航:Languates & Frameworks -> TypeScript -> TSLint,在右侧点击“启用”,然后指定tslint.json配置文件的位置即可 勾选 自动配置tslint 勾选下面手动配置tslint { 阅读全文
posted @ 2020-03-11 12:18 极地极光 阅读(1453) 评论(0) 推荐(0)
angualr 项目环境搭建
摘要:1 安装node.js https://nodejs.org/en/ 在官网找到最新版本下载 安装成功后 打开cmd 输入命令 node -v 查看版本号如果有安装成功 2 安装yarn Yarn提供了丰富的命令使你可以对Yarn包进行许多操作,包括安装、管理、发布等 https://yarnpkg 阅读全文
posted @ 2019-07-22 08:58 极地极光 阅读(356) 评论(0) 推荐(0)
angular6 导出json数据到excal表
摘要:1 首先使用npm下载插件依赖的安装包 npm install file-saver --save npm install xlsx --save 2 引入项目中的ts文件中 import * as FileSaver from 'file-saver'; import * as XLSX from 阅读全文
posted @ 2019-02-12 16:56 极地极光 阅读(207) 评论(0) 推荐(0)
angular6 引用echart第一次数据不显示解决
摘要:1 使用promise从后台返回数据后,页面还是比数据更快的加载出来,导致echart图页面加载的时候不显示问题 1.1 html 在需要用到的echar图上加入 (chartInit) 初始化的时候创建一个 ECharts 实例,返回 echartsInstance 也就是($event),不能在 阅读全文
posted @ 2019-01-08 11:03 极地极光 阅读(2156) 评论(0) 推荐(0)
angular6 开发实践基础知识汇总
摘要:1 事件处理 1.1 鼠标移入事件触发 (mouseenter)=" " eg: (mouseenter)="isCollapsed=false" 通过给isCollapsed赋值来实现隐藏显示 1.2 鼠标移出事件触发 (mouseleave)=" " eg: (mouseleave)="isCo 阅读全文
posted @ 2018-11-29 16:26 极地极光 阅读(369) 评论(0) 推荐(0)
angular6实现对象转换数组对象
摘要:1 使用表单获取到数据以后,是对象类型的数据如下图 而后台需要返回的数据是这种key:value的形式传入 2 废话不多说直接上代码(代码只截取部分,仅供参考跑不起来,最后又一个小demo可以运行) 3 数据转换 demo 示例 (这个可以跑) 阅读全文
posted @ 2018-11-29 10:46 极地极光 阅读(3949) 评论(0) 推荐(0)
angular 实现左侧和顶部固定定位布局
摘要:1 布局基于angular ng-zorro组件库实现 由于项目中使用了组件库并且要求响应式布局,卡在这个坑上两天,多次调试后终于解决 代码仅供参考,由于没有上传依赖的库和组件包无法直接运行,提供代码参考 示例样式 html代码 css 文件 3此处附写的小demo一个,可直接粘贴运行 阅读全文
posted @ 2018-11-20 20:04 极地极光 阅读(4126) 评论(0) 推荐(0)
echart 百度地图实现效果
摘要:1 必须引入 echarts.js文件 以及 china.js 点文件才可以执行代码2 ehcart官方文档有点小恶心,看了半天,好多东西都不是很清楚,必须挨个实验才行,希望对一些初学者来说可以少走一点弯路2 二话不说上源码,研究了两天搞出来的3 效果图 1 var dom = document.getElementById("map"); 2 var myChart = echarts... 阅读全文
posted @ 2018-10-27 20:59 极地极光 阅读(2539) 评论(0) 推荐(0)
angular js 初学
摘要:1 angularJS的一些概念 AngularJS 通过新的属性和表达式扩展了 HTML。 AngularJS 是一个 JavaScript 框架,它是一个以Javascript编写的库,它可通过 <script> 标签添加到 HTML 页面。 Angular Js是一个Javascript框架, 阅读全文
posted @ 2018-09-24 17:35 极地极光 阅读(256) 评论(0) 推荐(0)