Как загрузить контроллер в угловых js, используя 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/