Angular2+ 知识点
idomyway
这个作者很懒,什么都没留下…
展开
-
(二)angular2的环境配置
angular2的环境配置angular2是和angularJS是完全不同的两个版本。可以说两者没有任何联系的存在,这也就意味着在使用angular2的时候相当于了解一门全新的语言,angular2是基于TypeScript开发的。所以要想熟练的使用angular2,需要先学习angular的基础知识。 环境配置是进行配开发的第一步。 angular中文官网链接安装angularangula原创 2017-08-26 15:17:56 · 506 阅读 · 0 评论 -
Angular 预加载的实现
预加载    我们在使用懒加载的情况下,在系统开始加载的时候,只加载首页,剩余的模块在使用时才进行加载,如果新加载模块非常庞大,那么经常会出现这种情况:在第一次点击新添加的模块的时候,相应的模块会出现卡顿的情况。再次点击此模块的时候,不会出现这种情况。为了解决模块首次加载会出现卡顿的情况,Angular提供了预加载策略来解决这个问题。 &nbs...原创 2018-12-17 19:57:47 · 2496 阅读 · 0 评论 -
Angular 配置文件常见配置注解
前言 Angular CLI项目中的配置文件angular-cli.json 从6.x以后就用angular.json替代了angular-cli.json。 angular.json, 这个文件是整个项目的概要,包含了 不同的环境,测试、代理、第三方资源 和 众多内置工具。 &...原创 2018-12-10 18:02:58 · 2931 阅读 · 0 评论 -
Angular 懒加载的实现
前言 将angular项目打包上架后发现,启动速度是在太慢了,花了十几秒。 默认情况下,在初始化的时候就把所有路由给加载完了,那么多页面,就这样一次性加载完,导致页面加载非常慢,Angular中提出了用懒加载来加载。 通俗的讲就是说进入主模块的时候,子模块...原创 2018-12-13 23:06:19 · 7457 阅读 · 0 评论 -
Angular2+ 属性绑定
前言 当要把视图元素的属性 (property) 设置为模板表达式时,就要写模板的属性 (property) 绑定。 Angular的属性绑定是单向数据绑定,因为值的流动是单向的,从组件的数据属性流动到目标元素的属性。 对于属性绑定,强调以下几点:不可...转载 2018-11-11 16:54:04 · 5882 阅读 · 0 评论 -
Angular2+ 获取、操作DOM元素
前言 angular中在’@angular/core’库中通过提供Renderer2和ElementRef中实现了有关于DOM的操作,但是,angular中不推荐直接操作dom元素,通过变量结合内置指令是当前操作DOM的最好实践获取DOM元素 1、通过模板变量名获取单个DOM元素 &nbs...原创 2018-11-02 15:37:24 · 11953 阅读 · 0 评论 -
Angular *ngFor获取数组对应的序列值
使用方法    ngFor获取当前数据在数组的序号*ngFor="let item of items; let i = index"实例点击删除本身&a转载 2018-11-02 10:21:25 · 6823 阅读 · 0 评论 -
Angular 通过Input/Output父子组件简单通信交互
前言 Angular中组件交互的方式有好多种,包含了通过Input/Output实现的指令通信交互, 通过服务实现组件交互,在父子组件中最常用的,最简单方便的就是通过Input/Output实现的指令通信交互。Input相当于指令的值绑定,是将父作用域的值“输入”到子作用域中,然后子作用域进行...原创 2018-09-06 20:06:20 · 397 阅读 · 0 评论 -
Angular使用ngx-echarts加载Echarts
前言 之前写过通过自定义指令实现在angular加载echarts,今天在npm上发现了ngx-echarts,可以方便的加载echarts3,其实现也是通过自定义指令实现的。安装配置ngx-echarts 首先安装适合自己项目版本的ngx-echart &n...原创 2018-09-04 21:02:28 · 11326 阅读 · 1 评论 -
通过自定义指令在Angular2中使用Echarts
前言 echarts是第三方js库,不是ts编写,没有类型定义,我们可以引入类型定义的库@types,查询是否有echarts,很高兴其他人已经帮忙实现了。我们只要导入就行。 在网上查询调用ng2调用echarts的方法,比较多的是ngx-echarts和ng2-echarts,这个方法,我都没有走通,在大漠老师的nicefish中有通过自定义指令调用echart的方法,特整理下来。1.原创 2018-03-22 18:40:11 · 2145 阅读 · 0 评论 -
Angular2+中使用angular2-esri-loader加载ArcGIS JS API(当前官方已弃用)
安装环境npm install angular2-esri-loader esri-loader在module中引入EsriLoaderServiceimport { EsriLoaderService } from 'angular2-esri-loader';@NgModule({ … providers: [EsriLoaderService,…],…})在index.html原创 2018-03-27 19:09:12 · 1600 阅读 · 0 评论 -
Angular2+ ViewChild & ViewChildren解析
ViewChild ViewChild 是属性装饰器,用来从模板视图中获取匹配的元素。视图查询在 ngAfterViewInit 钩子函数调用前完成,因此在ngAfterViewInit钩子函数中,才能正确获取查询的元素。@ViewChild 通过模板变量名获取DOM元素import { Component, ElementRef,...原创 2018-03-23 19:50:00 · 1284 阅读 · 0 评论 -
Angular2 Build指定构建路径
需求 我们在进行Angular开发时,一般情况下,不会将前台一次性构建完成,可能会进行多次build,尤其在我们写前后台交互的时候,后台代码和前台分开启动又会产生跨域的问题,所以较好的解决方法就是指定build的路径,请路径在后台项目中,这样我们在进行频繁的build时,就不用每次都拷贝了。解决方案"outDir": "dist", 在Angular项目中的根目录原创 2018-02-07 19:43:45 · 3388 阅读 · 0 评论 -
Angular 的 ngOnInit 和 Constructor 的区别
Angular中根据适用场景定义了很多生命周期函数,其本质上是事件的响应函数,其中最常用的就是ngOnInit。但在TypeScript或ES6中还存在着名为constructor的构造函数,开发过程中经常会混淆二者,毕竟它们的含义有某些重复部分,那ngOnInit和constructor之间有什么区别呢?它们各自的适用场景又是什么呢?区别constructor是ES6引入类的概念后新出现的东东,是转载 2018-01-24 18:42:39 · 1341 阅读 · 0 评论 -
(一)angular2的8大概念
前言Angular 2.0 于去年 9 月正式发布。尽管同一时间里 React/Vue 大放光彩,圈子社区也是热闹非凡,他们的优点不言而喻,不过这里不谈 React / Vue,更不是要比出个谁优谁劣(知乎上的对比已经很多了[Facepalm]),这篇文章只关注 Angular 本身,好好地聊聊 Angular 这个迟来的平台。新版 Angular 推出后,官方不再取用 AngularJS 这个名称转载 2017-12-04 22:29:34 · 2416 阅读 · 0 评论 -
Angular 常用 serve/build 命令及自定义扩展命令
前言 在Angular项目中,AngularCLI内置了ng build、ng serve等命令。我们想要执行特定功能的build和serve命令的时候,我们需要每次启动都要在后面跟比较长的参数,非常繁琐。AngularCLI项目本身也是也是一个npm项目。在项目中的package.json中的script对应的命令,我们可以通过npm执行命令来代替...原创 2018-12-11 19:31:18 · 5301 阅读 · 0 评论