ionic2

ionic2_第1张图片
Paste_Image.png
ionic2_第2张图片
Paste_Image.png
ionic2_第3张图片
html结构基本和Ionic1一样!

request serve:

ionic2_第4张图片
Paste_Image.png
ionic2_第5张图片
Paste_Image.png

生命周期

constructor(myService: MyService, ...) { ... }
类的构造函数会在所有其它生命周期钩子之前调用。使用它来注入依赖,但是要避免用它做较重的工作。

ngOnChanges(changeRecord) { ... }
在输入属性每次变化了之后、开始处理内容或子视图之前被调用。

ngOnInit() { ... }
在执行构造函数、初始化输入属性、第一次调用完ngOnChanges之后调用。

ngDoCheck() { ... }
每当检查组件或指令的输入属性是否变化时调用。通过它,可以用自定义的检查方式来扩展变更检测逻辑。

ngAfterContentInit() { ... }
当组件或指令的内容已经初始化、ngOnInit完成之后调用。

ngAfterContentChecked() { ... }
在每次检查完组件或指令的内容之后调用。

ngAfterViewInit() { ... }
当组件的视图已经初始化完毕,每次ngAfterContentInit之后被调用。只适用于组件。

ngAfterViewChecked() { ... }
每次检查完组件的视图之后调用。只适用于组件.

ngOnDestroy() { ... }
在所属实例被销毁前,只调用一次。

你可能感兴趣的:(ionic2)