AngularJS Controller

Question

I just started learning some AngularJS and I created a simple routing system with two controllers but my second controller doesn't do anything and I can't seem to fix the problem.

app.js:

angular.module('foodListerApp', [
'ngAnimate',
'ngCookies',
'ngResource',
'ngRoute',
'ngSanitize',
'ngTouch']).config(function ($routeProvider) {
$routeProvider
  .when('/', {
    templateUrl: 'views/main.html',
    controller: 'MainCtrl',
    controllerAs: 'main'
  })
  .when('/about', {
    templateUrl: 'views/about.html',
    controller: 'AboutCtrl',
    controllerAs: 'about'
  })
  .otherwise({
    redirectTo: '/'
  });
});

MainCtrl (main.js):

angular.module('foodListerApp').controller('MainCtrl', ['$scope' , $window , $location ,  function ($scope , $window , $location) {



    console.log("In Main Controller ... ");


    $scope.onSubmit = function() {
        $window.location.href = 'views/about.html';
    }; 
}]);

AboutCtrl (about.js):

angular.module('foodListerApp').controller('AboutCtrl', ['$scope' , function ($scope) {
    console.log("In 'about' controller ..."); 
}]);

I did not include the HTML files but everything looks good in there and the "onSubmit" method works just fine. The first controller is printing, but the second controller doesn't print anything and I am not sure why that is happening.

$location.path( 'views/about.html');

Deepak Ingole
– Deepak Ingole

2015-08-20 07:47:37 +00:00
Commented Aug 20, 2015 at 7:47 — Deepak Ingole
– Deepak Ingole, Commented Aug 20, 2015 at 7:47
stackoverflow.com/a/31360807/125816

Sergio Tulentsev
– Sergio Tulentsev

2015-08-20 07:49:03 +00:00
Commented Aug 20, 2015 at 7:49 — Sergio Tulentsev
– Sergio Tulentsev, Commented Aug 20, 2015 at 7:49

Tj Gienger · Accepted Answer · 2015-08-20 07:46:40Z

2

angular.module('foodListerApp').controller('MainCtrl', ['$scope' , $window , $location , function ($scope , $window , $location) {

should be angular.module('foodListerApp').controller('MainCtrl', ['$scope' , '$window' , '$location' , function ($scope , $window , $location) {

you forgot to put quotes around them.

answered Aug 20, 2015 at 7:46

Tj Gienger

1,4051 gold badge13 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Deepak Ingole · Accepted Answer · 2015-08-20 07:48:22Z

2

You should use location provider to routes across.

$location.path( 'views/about.html');

answered Aug 20, 2015 at 7:48

Deepak Ingole

15.9k10 gold badges49 silver badges80 bronze badges

Collectives™ on Stack Overflow

AngularJS Controller

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related