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 ionic@beta
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 ionic@beta
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插件
1
Embed
Upload