#Angular2

Angular2 -- 生命周期钩子

组件生命周期钩子指令和组件的实例有一个生命周期:新建、更新和销毁。每个接口都有唯一的一个钩子方法,它们的名字是由接口名加上ng前缀构成的。比如,OnInit接口的钩子方法叫做ngOnInit。指令和组件ngOnInit:当Angular初始化完成数据绑定的输入属性后,用来初始化指令或者组件。ngOnChanges:当A...

angular2+ionic2架构介绍

不要用angular的语法去写angular2,有人说二者就像Java和JavaScript的区别。 1、 项目所用:angular2+ionic2+typescript2、 项目结构3、 Src目录是我们本地开发的目录文件,www我ionic2编译后生成的文件4、 每...
代码星球 代码星球·2021-01-23

angular2组件通信

父到子父组件:ts部分:@Component({selector:'app-info',templateUrl:'./info.component.html',styleUrls:['./info.component.css'],})exportclassInfoComponentimplementsOnInit{nu...
代码星球 代码星球·2021-01-13

angular2-signaturepad使用

详细使用看这篇https://blog.csdn.net/qq_29594393/article/details/76913495npm地址:https://www.npmjs.com/package/signature_pad遇到的问题在网页测试大小尺寸完好,移动端初始化的图片很小解决方案letcanvas=docu...
代码星球 代码星球·2020-12-30

byhrid angular1 and angular2

  最近搞这个angular1升级到angular2的混合启动,真是累人呀,相关资料少不说,项目还用的是gulp,都知道与angular2绝配的是typescript,使用webpack或者systemjs这种模块加载器很容易就能启动起来。  老大说用gulp-webpack,这是啥,没听说过,百度了一下,配置了好久才...
代码星球 代码星球·2020-09-13

webstorm查看angular2的ts源码

1、shift双击双击shift就可以查找文件或函数了,速度更快更方便。 2、ng_for.ts...

Angular2 ng2 如何配置惰性加载

需要修改至少四个地方1.将子组件进行模块化操作2.生成子组件module、子组件router3.配置主路由信息改为loadChild4.配置appModule删除引入以product组件为例这个组件是一个一级菜单所以需要给这个页面生成一个module   1.生成product.modul...

angular2 图片赋值的时候前面自动加 unsafe:xxx 导致图片信息不显示问题

需要创建一个pipe代码如下import{Pipe,PipeTransform}from'@angular/core';import{DomSanitizer}from'@angular/platform-browser';@Pipe({name:'trustUrl'})exportclassTrustUrlPipei...