Ionic framework 爱奥尼亚$ionicview.loaded不';行不通
$ionicview.loaded不起作用 我可能错过了什么 你能帮帮我吗? 爱奥尼亚版本:1.0.0-beta.13 我在发布之前检查了此参考:Ionic framework 爱奥尼亚$ionicview.loaded不';行不通,ionic-framework,ionic,Ionic Framework,Ionic,$ionicview.loaded不起作用 我可能错过了什么 你能帮帮我吗? 爱奥尼亚版本:1.0.0-beta.13 我在发布之前检查了此参考: $ionicConfigProvider/ app.js app.config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('app', { url: "/app", cache : false,
- $ionicConfigProvider/
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'
}
}
})
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
});
});
}]);
controllers.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'
}
}
})
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>
...
将控制器更新为:
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");
});
}]);