积分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元素的方法

1. 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']);