process6mobile

Process6 Mobile
--Tony Zhou
技术：Ionic2
Angular2
NPM

编辑器：VS Code
1. 登录登出：输入错误

2. 监听信息
*channel dev发送消息；dev创建、删除channel
*message 接收、发送消息，发送空

3.增加Channel
*private
*project
功能展示
设计思路
Thank You!
Ionic2 结构
Achievement
Process6 mobile
---- Tony Zhou
程序代码
相关配置文件
Display
Thanks for your attention!
cmd 输入：npm install express 安装完成之后



cmd 输入：npm install -g ionic （终于不报错）安装完成之后

cmd 输入：npm Install -g cordova

cmd 输入：npm install -g [email protected]



cmd 输入：npm install -g npm 更新



ionic start App tutorial --v2 --ts --->ionic2 with ts
cmd 输入：npm install -g npm 更新
npm cache clean

cmd 输入：npm Install -g cordova
cmd 输入：npm install -g [email protected]

cordova -v
ionic -v
npm -v

ionic start App tutorial --v2 --ts --->ionic2 with ts
ionic start App sidemenu --v2 --ts

ionic serve 浏览器中运行
ionic platform add Android/ios
ionic build android/ios
ionic run android
ionic emulate ios

cordova run android 同时打开genymotion，执行之可以达到运行的目的
常
用
命
令
总
结
Service创建步骤
在此创建对应service文件
声明Injectable（）
app.ts文件中providers里面添加
SCSS文件使用
*ngfor、*ngif在html中代表循环和判断
.ts文件中的变量在.html用{{name}}表示
angular2页面状态总结
ngOnChanges：在ngOnInit之前，当数据绑定输入属性的值发生变化时。
ngOnInit：在第一次ngOnChanges之后。
ngDoCheck：每次Angular变化检测时。
ngAfterContentInit：在外部内容放到组件内之后。
ngAfterContentChecked：在放到组件内的外部内容每次检查之后。
ngAfterViewInit：在初始化组件视图和子视图之后。
ngAfterViewChecked：在妹子组件视图和子视图检查之后。
ngOnDestroy：在Angular销毁组件/指令之前。
事件处理机制
新添加的service
需要安装editconfig插件