Angularjs route not working

Question

Angularjs route not working

I tried to make the getting start tutorial from angular js , but i have a problem when setting the route , of a link , the controller , of that route , do not get call , when ever user clik on the link . here is my code . myapp.js :

  angular.module('phonecat', []).
  config(['$routeProvider', function($routeProvider) {
  $routeProvider.
      when('/phones', {templateUrl: 'partials/phone-list.html',   controller: PhoneListCtrl}).
      when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller:PhoneDetailCtrl}).
      otherwise({redirectTo: '/phones'});
}]);


 function PhoneDetailCtrl($scope, $routeParams,$http) {
  $scope.phoneId = $routeParams.phoneId;

  $scope.total =4;
   $http.get('phones/' + $routeParams.phoneId + '.json').success(function(data) {
    $scope.phone = data;
   });
}

 function PhoneListCtrl($scope, $http) {
  $http.get('phones/phones.json').success(function(data) {
    $scope.phones = data;
  });

  $scope.orderProp = 'age';
}

Edit

I fixed the problem while ago actually i had the html of the next step of this tutorial and it was messing up with the app, mainly because it had binding with attribute that did not exist in the model yet . Ps: I hope that's where i am suppose to put the solution of my problem .

angularjs

Answer 1

What angularjs version did you use? I follow the tutorial too, and it use angular-1.0.0rc7.js and if I look up in the app.js file, it use template rather than templateUrl:

$routeProvider.when('/phones', {
    template: 'partials/phone-list.html',
    controller: PhoneListCtrl
});

so by looking your code, you might want to use angular-1.0.3.js or prior version above the RC

Answer 2

This should work but you need to be sure the link is inside the DOM element which is the root of your app; ie (ng-app='my-app'). It's hard to tell without seeing the page markup.