積分ionic前端程式碼收集(一)
一.儲存現在的時間
/**
* 儲存現在時間
* @param nows
* @param keepTime
* @author 嚴文文
* time 2018-12-20 08:12:22
*/
convertToDate(nows, keepTime) {
var now = new Date(nows);
now.setDate(now.getDate() + keepTime);
return now;
}
二.跨頁面儲存資訊,提取資訊
1.方法中帶引數
/**
* 跳轉到發紅包介面
* @author 嚴文文
* time 2018-12-19 19:36:43
*/
GotoSetMoneyPage(itemTicket){
localStorage.setItem("itemTicket", JSON.stringify(itemTicket));
var activityTicketModel=localStorage.getItem("itemTicket")
this.navCtrl.push( SetMoneyPage,{activityTicketModel
})
}
}
必須轉化為json格式才能傳遞,否則顯示[object,object]
獲取資訊 this.info=localStorage.getItem('itemTicket');
2.頁面跳轉中帶引數
在此頁面判斷跳轉頁面的登入人許可權 activityFlag
//市場內容進行跳轉
gotoCardPackage(i: any) {
this.loginID = localStorage.getItem('userId');
var activityFlag;
if (this.loginID == '3zBWtE6bZg3bBn4yEnHLq1') {
activityFlag = true;
} else
activityFlag = false;
}
if (this.games[i].name == "購買抽獎") {
this.gotolottery();
} else if (this.games[i].name == "卡包") {
this.navCtrl.push(CardpackagePage);
} else if (this.games[i].name == "活動門票") {
this.navCtrl.push(ActivityPage, {
activityFlag: activityFlag
})
}
console.log(activityFlag);
}
在結構化的方法體裡面獲取資訊
constructor(public navCtrl: NavController,
public navParams: NavParams,
public alertCtrl: AlertController,
private http: InterceptorProvider,
public loadingCtrl:LoadingController ) {
this.activityFlag=navParams.get("activityFlag");
}
三 樣式的隱藏
ionic先載入ts頁面,後加載html頁面,如果在初始化的頁面裡新增樣式的隱藏,會發生style的錯誤提示
所以要樣式隱藏等屬性要放在非初始化的方法裡面
提取html元素的方法
- querySelector
var activityStyle = document.querySelector(".lottory");
activityStyle['style'].display = 'none';
2. getElementById
var activityStyle = document.getElementById('activity')
activityStyle.style.display='none';
四 .方法裡面傳遞多個引數
五 .路由跳轉
1.路由跳轉
this.navCtrl.push(CardpackagePage);
2.帶引數的路由跳轉
this.navCtrl.push(ActivityPage, {
activityFlag: activityFlag
})
3.同1類似
this.router.navigate(['workspace/class-plan/onclassmember-manage']);