ionic2 JS

(1)数据双向绑定

插值: 在 HTML 标签中显示组件值。
<h3>
{{title}}
<img src="{{ImageUrl}}">
</h3>

属性绑定: 把元素的属性设置为组件中属性的值。
<img [src]="userImageUrl">
如:
html中
[(ngModel)]="UserName"
ts中
private UserName: string;
console.log(this.UserName);

事件绑定: 在组件方法名被点击时触发。
<button (click)="onSave()">保存</button>

双向绑: 使用Angular里的NgModel指令可以更便捷的进行双向绑定。
<input [value]="currentUser.firstName"
(input)="currentUser.firstName=$event.target.value" >

(2)监听事件

(click)="login()"

(3)页面跳转

this.navCtrl.push(Page,{

name:"Demo",

age:"12"

});

接收参数:

this.myName=navParams.get('name');

this.myAge=navParams.get('age');

(4)设置RootPage

this.navCtrl.setRoot(Page);

(5)返回键

this.navCtrl.pop();

(6)长按事件

( press)= "onPress()";