ionic-修改對話框樣式，點擊屏幕其他位置關閉

1、
$scope.myPopup = $ionicPopup.show({ templateUrl: 'templates/timeList.html', cssClass:'my-popup', title: '<i>修改'+str+'</i>', scope: $scope });
'my-popup'是一個自定義class屬性，通過這個屬性修改對話框樣式；
.my-popup .popup {
}
.my-popup .popup-title {
}
.my-popup .popup-head{
}
.my-popup .popup-buttons .button{
}
2、監聽
var $htmlEl= angular.element(document.querySelector('html'));
$ionicGesture.on("touch", function(event) {
if (event.target.nodeName === "HTML") {
$scope.myPopup.close();//關閉對話框
}
},$htmlEl);

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容