javascript - AngularJS $routeParams is undefined - Stack Overflow

admin管理员组

文章数量:1424893

I am a newbie to AngularJS and I am trying to use $routeParams in my code, searching the previous answers here I have made sure that I have added '$routeParams' as part of my array injection and the function both and I am not using ui-router module. However I am still getting an undefined when I try to log it.

My Angular App is as follows:

var RAFITOAPP = RAFITOAPP || {}

RAFITOAPP.app = angular.module('app', [
  'ngRoute'
]).config(['$routeProvider', function($routeProvider) {
  $routeProvider.
    when("/line/:userAccountId", {templateUrl: "assets/partials/line.html", controller: "LineController"}).
    when("/floormap", {templateUrl: "assets/partials/floormap.html", controller: "MapController"}).
    when("/report", {templateUrl: "assets/partials/reports.html", controller: "ReportController"}).
    when("/addNew", {templateUrl: "assets/partials/add_new.html", controller: "addNewController"}).
    when("/profile", {templateUrl: "assets/partials/account.html", controller: "accountSettingsController"}).
    otherwise({redirectTo: '/line'});
}]);

My Controller is as follows:

RAFITOAPP.app.

controller('LineController', ['$scope','$rootScope','$routeParams', function($rootScope, $scope, $location, $routeParams) {
    $scope.$on('$viewContentLoaded', function() {
        console.log($routeParams);
        change('line');
        if(control != 1){
            setTimeout(function() {
                script1fire();
            } , 100);
            control = 1;
        }
    })
}]);

Please advise on what am I missing ? Any help will be appreciated greatly. If you wish to see the HTML Page causing the issue it is

I am a newbie to AngularJS and I am trying to use $routeParams in my code, searching the previous answers here I have made sure that I have added '$routeParams' as part of my array injection and the function both and I am not using ui-router module. However I am still getting an undefined when I try to log it.

My Angular App is as follows:

var RAFITOAPP = RAFITOAPP || {}

RAFITOAPP.app = angular.module('app', [
  'ngRoute'
]).config(['$routeProvider', function($routeProvider) {
  $routeProvider.
    when("/line/:userAccountId", {templateUrl: "assets/partials/line.html", controller: "LineController"}).
    when("/floormap", {templateUrl: "assets/partials/floormap.html", controller: "MapController"}).
    when("/report", {templateUrl: "assets/partials/reports.html", controller: "ReportController"}).
    when("/addNew", {templateUrl: "assets/partials/add_new.html", controller: "addNewController"}).
    when("/profile", {templateUrl: "assets/partials/account.html", controller: "accountSettingsController"}).
    otherwise({redirectTo: '/line'});
}]);

My Controller is as follows:

RAFITOAPP.app.

controller('LineController', ['$scope','$rootScope','$routeParams', function($rootScope, $scope, $location, $routeParams) {
    $scope.$on('$viewContentLoaded', function() {
        console.log($routeParams);
        change('line');
        if(control != 1){
            setTimeout(function() {
                script1fire();
            } , 100);
            control = 1;
        }
    })
}]);

Please advise on what am I missing ? Any help will be appreciated greatly. If you wish to see the HTML Page causing the issue it is

• javascript
• angularjs
• angularjs-ng-route

Share Improve this question Follow edited May 18, 2015 at 6:05 alyn000r asked May 18, 2015 at 5:37 alyn000ralyn000r 56622 gold badges88 silver badges2020 bronze badges 6

• Try this controller('LineController', ['$scope','$rootScope','$location', '$routeParams', function( $scope,$rootScope, $location, $routeParams) { your code } ); Also instead of $scope.on try $rootScope.on – Abdul Hamid Commented May 18, 2015 at 5:51
• are you sure the $viewContentLoaded event is fired? because you attach it to $scope instead of $rootScope – Moshe Shaham Commented May 18, 2015 at 5:51
• @Inventillect I have tried what you suggested and still the same thing – alyn000r Commented May 18, 2015 at 5:53
• @Moshe Shaham I believe it is firing because the scriptfire1 is happening. – alyn000r Commented May 18, 2015 at 5:53
• your parameters are not same. – Abdul Hamid Commented May 18, 2015 at 5:55

 |  Show 1 more ment

1 Answer 1

Sorted by: Reset to default 6

Your array dependencies and functions arguments are not same. it should be something like this '['$rootScope', '$scope', '$location', '$routeParams', function($rootScope, $scope, $location, $routeParams)' instead of '['$scope','$rootScope','$routeParams', function($rootScope, $scope, $location, $routeParams)'

RAFITOAPP.app
  .controller('LineController', ['$rootScope', '$scope', '$location', '$routeParams',
    function($rootScope, $scope, $location, $routeParams) {
      $scope.$on('$viewContentLoaded', function() {
        console.log($routeParams);
        change('line');
        if (control != 1) {
          setTimeout(function() {
            script1fire();
          }, 100);
          control = 1;
        }
      })
    }
  ]);

本文标签： javascriptAngularJS routeParams is undefinedStack Overflow