如何在angular js中使用require js加載控制器

Question

我想加載一個控制器以便顯示我的視圖。其實我寫我的控制器.Route或config也。但我無法加載我的控制器和路由文件如何加載控制器使用require.js，以便我的login.html頁面顯示？

這裏是我的Plunker：

http://plnkr.co/edit/DlI7CikKCL1cW5XGepGF?p=preview

main.js

requirejs.config({ 
    paths: { 
     ionic:'http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min', 

    }, 
    shim: { 
     ionic : {exports : 'ionic'} 
    } 
}); 

route.js

/*global define, require */ 

define(['app'], function (app) { 
    'use strict'; 

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

      $stateProvider 
       .state('login', { 
        url: "/login", 
        templateUrl: "login.html", 
        controller: 'LoginCtrl' 
       }) 

      $urlRouterProvider.otherwise("/login"); 

     }]); 


}); 

任何猜測如何加載視圖？

Answer 1

你只需要做：

main.js

requirejs.config({ 
    paths: { 
     ionic:'http://code.ionicframework.com/1.0.0-beta.1/js/ionic.bundle.min', 

    }, 
    shim: { 
     ionic : {exports : 'ionic'} 
    },callback: function() { 
     'use strict'; 

     require([ 
      'angular', 
      'route', 
      'app' 
     ], function (angular) { 
      // init app 
      angular.bootstrap(document, ['app']); 
     }); 
    } 
    }); 

app.js

define(['ionic', 
    './LoginCtrl',], 

    function (angular) { 
     'use strict'; 

     var app = angular.module('app', [ 
      'ionic','app.controllers']); 

     return app; 

    }); 

LoginCtrl.js

/*global define, console */ 
define(['angular'], function (ng) { 
    'use strict'; 

    return ng.module('app.controllers', ['$scope','$state' 
    ,function ctrl($scope, $state) { 

     $scope.login = function() { 
      alert("Login is clicked") 
     }; 

    }]); 
}); 

您可以按照提示在這裏 - https://www.startersquad.com/blog/angularjs-requirejs/