ionic 组件学习

利用css列表多选框：

                  <div class="{{Conceal}}" >
                    <ion-checkbox  color="secondary" checked="false"></ion-checkbox>
                  </div>

ionic数据类型转换：

利用toString或toLocaleString。因此：

var page_number:number = 3;
window.location.hash = page_number.toLocaleString();

ionic ion-datetime时间组件上事件绑定：

      <ion-datetime  cancelText="取消" doneText="确认" displayFormat="YYYY-MM-DD" [(ngModel)]="user.age_bracket" (ngModelChange)="changeDate($event)"></ion-datetime>

.ts文件：

使用ngModelChange进行事件绑定

  changeDate($event){
    console.log(this.user.age_bracket)
    var api = this.config.ApiUrl("/app/api/updateprofile?p=1&userbirth="+this.user.age_bracket)
    console.log(api)
    this.http.doGet(api,(data) => {
      console.log(data)
    },(errcode,errmsg)=>{
      ///TODO
    });
}

版本编号分割：

强制整数：parseint()

var s:any=result.version;
var i:any=s/100
var a:any=s%100/10
i=parseInt(i)
a=parseInt(a)
this.versions =i+'.'+a+'.'+s%10
console.log(this.versions)

ionic页面生命周期：

ionViewDidLoad(){
        console.log("1.0 ionViewDidLoad 当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发");
    }
    ionViewWillEnter(){
        console.log("2.0 ionViewWillEnter 顾名思义，当将要进入页面时触发");
    }
    ionViewDidEnter(){
        console.log("3.0 ionViewDidEnter 当进入页面时触发");
    }
    ionViewWillLeave(){
        console.log("4.0 ionViewWillLeave 当将要从页面离开时触发");
    }
    ionViewDidLeave(){
        console.log("5.0 ionViewDidLeave 离开页面时触发");
    }
    ionViewWillUnload(){
        console.log("6.0 ionViewWillUnload 当页面将要销毁同时页面上元素移除时触发");
    }  

    ionViewCanEnter(){
        console.log("ionViewCanEnter");
    }  

    ionViewCanLeave(){
        console.log("ionViewCanLeave");
    } 

css样式居中：

    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    position: absolute;

拨打电话：

config.xml里面加上
<access origin="tel:*" launch-external="yes"/>

然后页面上
<a href="tel:15757xxxxxx">15757xxxxxx</a>