鍍金池/ 問(wèn)答/HTML5  HTML/ angular ionic 左滑自動(dòng)切換頁(yè)面動(dòng)效如何實(shí)現(xiàn)？

angular ionic 左滑自動(dòng)切換頁(yè)面動(dòng)效如何實(shí)現(xiàn)？

如圖所示，如何實(shí)現(xiàn)點(diǎn)擊答案，自動(dòng)左滑切換下一題的動(dòng)效。目前項(xiàng)目中使用的是angular4，請(qǐng)問(wèn)ionic能實(shí)現(xiàn)上述動(dòng)效嗎？
如何實(shí)現(xiàn)

圖片描述

回答
編輯回答
綰青絲

給select綁定一個(gè)change事件，當(dāng)點(diǎn)擊時(shí)，調(diào)用NavController里的push()進(jìn)入下一個(gè)頁(yè)面

   constructor(
    public navCtrl: NavController
   ) {}
   
   public change() {
     this.navCtrl.push(nextPage)
   }

至于動(dòng)畫(huà)，好像push()方法默認(rèn)就是左劃動(dòng)畫(huà)。

如果想自定義，看這里NavController

clipboard.png

2018年3月13日 17:23