// controller
define(["app"], function(app) {
  app.config(["$stateProvider", "$urlRouterProvider", "$controllerProvider",
    function($stateProvider, $urlRouterProvider, $controllerProvider) {
      // angular有個(gè)啟動(dòng)函數(shù)，叫做bootstrap；
      // 根據(jù)angular的代碼設(shè)計(jì)，你需要在啟動(dòng)之前定義所有的controller；
      // 就好似有個(gè)袋子，你在bootstrap之前想往里塞什么就塞什么；
      // 可是一旦bootstrap了，他就不再接受你任何往里塞的controller了；
      // 解決這個(gè)問題，只有一個(gè)方法，就是利用主模塊的provider主動(dòng)注冊(cè)controller；
      // 但是由于provider不能直接使用，所以我們把它存在主模塊下面；
      // 通過存下來的方法，可以用來注冊(cè)異步加載回來的頁面組件。
      app.registerController = $controllerProvider.register;
      app.loadFile = function(js) {
        return function($rootScope, $q) {
          //通過$q服務(wù)注冊(cè)一個(gè)延遲對(duì)象 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延遲對(duì)象，可以得到一個(gè)承諾promise，而promise會(huì)返回當(dāng)前任務(wù)的完成結(jié)果
          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: "這是打印機(jī)頁面"
      });
      $stateProvider.state("blabla", {
        url: "/blabla",
        template: "其他"
      });
    }
  ]);
});