templateUrlをロードする前にコントローラを実行する方法

Question

step1.htmlをロードする前にコントローラを実行します。

(function() { 
    "use strict"; 
    var app = angular.module("autoQuote",["ui.router","ngResource"]); 

    app.config(["$stateProvider","$urlRouterProvider", function($stateProvider,$urlRouterProvider){ 
     $urlRouterProvider.otherwise("/"); 

     $stateProvider 
      .state("step1", { 
       url : "/", 
       templateUrl : "easyquote/step1.html", 
       controller: "questionsCtrl", 
      })  


      .state("step2", { 
       url : "/step2", 
       templateUrl : "easyquote/step2.html", 
       controller: "questionsCtrl", 
      }) 
    }] 
    ); 
}()); 

コントローラをautoQuoteCtrl.jsファイルに作成したいと思います。負荷initializeappで関数を実行する

.controller("initializeapp", ["$rootScope",function($rootScope,event, toState, toParams, fromState, fromParams){ 
    $rootScope.$on('$stateChangeStart',function(event, toState, toParams, fromState, fromParams){ 
     console.log('do on page load'+event+'\n'+toParams+'\n'+fromState+'\n'+fromParams); 
    }); 
}]); 

この関数は、ページの読み込み時やユーザーの更新時に実行します。各状態の変更時に実行されます。

Answer 1

ドキュメントの準備ができたらコールバックを添付するために、angular.element（document）.ready（）メソッドを使用できます。コントローラにコールバックを付加するだけで済みます。

(function() { 
"use strict"; 
var app = angular.module("autoQuote",["ui.router","ngResource"]); 
    .controller('autoQuoteCtrl.js', [function() { 
angular.element(document).ready(function() { 

}); 
app.config(["$stateProvider","$urlRouterProvider", function($stateProvider,$urlRouterProvider){ 
    $urlRouterProvider.otherwise("/"); 

    $stateProvider 
     .state("step1", { 
      url : "/", 
      templateUrl : "easyquote/step1.html", 
      controller: "questionsCtrl", 
     })  


     .state("step2", { 
      url : "/step2", 
      templateUrl : "easyquote/step2.html", 
      controller: "questionsCtrl", 
     }) 
}] 
); 
}());