// controller
define(["app"], function(app) {
  app.config(["$stateProvider", "$urlRouterProvider", "$controllerProvider",
    function($stateProvider, $urlRouterProvider, $controllerProvider) {
      // angular有個啟動函數(shù)，叫做bootstrap；
      // 根據(jù)angular的代碼設計，你需要在啟動之前定義所有的controller；
      // 就好似有個袋子，你在bootstrap之前想往里塞什么就塞什么；
      // 可是一旦bootstrap了，他就不再接受你任何往里塞的controller了；
      // 解決這個問題，只有一個方法，就是利用主模塊的provider主動注冊controller；
      // 但是由于provider不能直接使用，所以我們把它存在主模塊下面；
      // 通過存下來的方法，可以用來注冊異步加載回來的頁面組件。
      app.registerController = $controllerProvider.register;
      app.loadFile = function(js) {
        return function($rootScope, $q) {
          //通過$q服務注冊一個延遲對象 deferred
          var def = $q.defer(),
            deps = [];
          angular.isArray(js) ? (deps = js) : deps.push(js);
          require(deps, function() {
            $rootScope.$apply(function() {
              // 成功
              def.resolve();
              // def.reject() 不成功
              // def.notify() 更新狀態(tài)
            });
          });
          //通過deferred延遲對象，可以得到一個承諾promise，而promise會返回當前任務的完成結果
          return def.promise;
        };
      }
      $urlRouterProvider.otherwise('/index');
      $stateProvider.state("index", {
        url: "/index",
        template: "這是首頁頁面"
      });
      $stateProvider.state("computers", {
        url: "/computers",
        template: "這是電腦分類頁面{{title}}",
        controller: "ctrl.file",
        resolve: {
          loadFile: app.loadFile("file")
        }
      });
      $stateProvider.state("printers", {
        url: "/printers",
        template: "這是打印機頁面"
      });
      $stateProvider.state("blabla", {
        url: "/blabla",
        template: "其他"
      });
    }
  ]);
});