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