【问题标题】:Ionic $ionicview.loaded doesn't work离子 $ionicview.loaded 不起作用
【发布时间】:2016-02-16 17:12:42
【问题描述】:

$ionicview.loaded 不起作用。

我可能错过了什么?

你能帮帮我吗?

.

离子版本:1.0.0-beta.13

我在发布之前检查了此参考:

app.js

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

    .state('app', {
      url: "/app",
      cache : false,
      templateUrl: "templates/menu.html",
      controller: 'AppCtrl'
    })

.state('app.myPage', {
      url: "/myPage",
      cache : false,  
      views: {
        'menuContent' :{
          templateUrl: "templates/myPage.html",
          controller: 'myCtrl'
        }
      }
    })

controllers.js

appControllers.controller('myCtrl', ['$scope', '$rootScope', '$ionicScrollDelegate', '$ionicPlatform', '$ionicLoading', function($scope, $rootScope, $ionicScrollDelegate, $ionicPlatform, $ionicLoading) {

  console.log("step4"); // ok

  ionic.Platform.ready(function() {
    console.log("step5"); //ok

    $rootScope.$on('$ionicView.enter', function(){
      console.log("step7"); //no works
    });

    $rootScope.$on('$ionicView.loaded', function(){
      console.log("step6"); //no works
    });



    $rootScope.$on('$ionicView.leave', function(){
      console.log("step8"); //no works
    });

    $rootScope.$on('$ionicView.afterEnter', function(){
      console.log("step9"); //no works
    });

  });

}]);

我也从 myPage.html 尝试过这个

<ion-view cache-view="false" view-title="My Title!">
  ...
</ion-view>

【问题讨论】:

    标签: ionic-framework ionic


    【解决方案1】:

    将您的控制器更新为:

    appControllers.controller('myCtrl', ['$scope', '$rootScope', '$ionicScrollDelegate', '$ionicPlatform', '$ionicLoading', function($scope, $rootScope, $ionicScrollDelegate, $ionicPlatform, $ionicLoading) {
    
    
        $scope.$on('$ionicView.enter', function(){
          console.log("step7"); 
        });
    
        $scope.$on('$ionicView.loaded', function(){
          console.log("step6");
        });
    
    
    
        $scope.$on('$ionicView.leave', function(){
          console.log("step8"); 
        });
    
        $scope.$on('$ionicView.afterEnter', function(){
          console.log("step9"); 
        });
    
    
    }]);
    

    【讨论】:

      猜你喜欢
      • 2018-10-07
      • 2019-04-11
      • 2017-08-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-19
      • 2018-09-24
      相关资源
      最近更新 更多