ionic 散

ionic 安卓机上 tab 飘到上面问题

angular.module('GR.app',

    [ 'ngResource', 'ionic' ])

 .config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider){

        $ionicConfigProvider.tabs.position('bottom');

}]);

//禁止侧滑事件

$ionicSideMenuDelegate.canDragContent(false);

ionic $ionicSideMenuDelegate 侧滑事件

$scope.toggleLeft = function() {
   $ionicSideMenuDelegate.toggleLeft();
};

$ionicPopover 弹出框

$ionicPopover.fromTemplateUrl('popover.html',{
   scope:$scope
}).then(function (popover) {
   $scope.popover = popover;
})
$scope.showPop = function ($event) {
   $scope.popover.show($event);
}
$scope.selectPop = function (choose) {
   $scope.popover.hide();
}
<script id="popover.html" type="text/ng-template">
   <ion-popover-view>
       <ion-content>
           <ion-list>
               <ion-item ng-click="selectPop(1);">...</ion-item>
               <ion-item ng-click="selectPop(2);">...</ion-item>
           </ion-list>
       </ion-content>
   </ion-popover-view>
</script>

//禁止侧滑后退事件

$ionicConfigProvider.views.swipeBackEnabled(false);

overflow-scroll="true" style="overflow: hidden" 禁用内容滚动

原文地址:https://www.cnblogs.com/1992825-Amelia/p/4847203.html