ionic純html，js實現toast提示框

這種實現方法不會調用系統源生的控件，在開發時方便調試，性能上也沒太大差別，以下直接上不集成步驟：
1，進入ionic工程根目錄，安裝ionic-toast庫文件：

bower install ionic-toast --save

安裝完後，會在ionic工程目錄的lib文件夾下出現ionic-toast庫文件：

2，在ionic工程的index.html頁面中引入庫文件：

<link href="lib/ionic-toast/dist/style.css" rel="stylesheet"> 
<!-- path to ionic/angularjs js -->
<script src="lib/ionic-toast/dist/ionic-toast.js"></script>

3，在工程的app.js文件中，添加註入module，注意是ionic-toast，別拼錯：

angular.module('rc', 
 ['ionic', 
  'ionic-toast'
  ])

4，在需要用頁面對應的controller文件中，添加註入，注意是ionicToast：

.controller('HomeCtrl', ['$scope', 'ionicToast', function($scope, ionicToast) {
  //code here
}])

5，準備工作都已經完成，現在可以開始使用啦，html頁面綁定觸發方法：

<button class="button button-block" ng-click="showToast()">Show Toast at top with close</button>

6，controller中實現，注意寫法：

$scope.showToast = function(){
<!-- ionicToast.show(message, position, stick, time); -->
  ionicToast.show('This is a toast at the top.', 'top', true, 2500);
};

一共有四個參數，分別解釋下：
message：要提示的信息
position：toast彈出框的位置，有三種選擇（top、middle、bottom），看單詞意思，大家應該能理解了
stick：布爾值，true表示toast彈出框帶有關閉按鈕，需要手動關閉toast彈出框；false表示彈出框不帶有關閉按鈕，會手動自動toast彈出框，toast信息框持續的時間就是第四個參數
time：toast信息框自動關閉時，持續的時間；單位是毫秒，最大可以設置爲5000，如果超過5000，會自動設置爲5000
7，在你注入ionicToast的controller中，實現以下方法：

$scope.hideToast = function(){
  ionicToast.hide();
};

這個在自動關閉toast信息框時，不加上也能自動關閉，不知道設置爲手動關閉信息框時，不設置的話會不會有影響。
以上就是集成的所有步驟，歡迎大家參考指教。
參考資料：https://market.ionic.io/plugins/ionictoast