在上篇文章給大家介紹了ionic中列表項(xiàng)增加和刪除的實(shí)現(xiàn)方法，接下來通過本文給大家介紹Ionic 2 實(shí)現(xiàn)列表滑動(dòng)刪除按鈕的方法，具體內(nèi)容詳情如下所示：

使用Ionic這種框架偉大的地方在于用戶界面元素默認(rèn)準(zhǔn)備好了，意味著你可以設(shè)計(jì)更好的app而不需要很強(qiáng)的用戶體檢設(shè)計(jì)背景，而且讓你可以更容易實(shí)現(xiàn)這些模式。

這篇教程將展示如何使用Ionic2添加一個(gè)簡(jiǎn)單的刪除按鈕到列表，當(dāng)用戶滑動(dòng)列表項(xiàng)到左邊的時(shí)候。這是一個(gè)處理刪除列表數(shù)據(jù)時(shí)候常用的模式。本教程將涵蓋創(chuàng)建這個(gè)滑動(dòng)刪除按鈕所需要的一切。

刪除例子

1.創(chuàng)建Ionic2應(yīng)用

通過以下命令行語句創(chuàng)建新的Ionic2應(yīng)用：

ionic start ionic2-delete blank --v2

這里我使用了