Why isn't my basic routeProvider working?

StackOverflow https://stackoverflow.com/questions/22420849

Question

I'm learning AngularJS, and I'm having issues with getting a simple routeProvider working. It's pretty basic, so I'm confused as to what I'm missing. I've triple-checked syntax and spelling, and I can't find anything missing. Help please!

Here's a Plunker: http://plnkr.co/edit/CUV3ZWXyd36Gamgn8DH0?p=preview

HTML:

<html ng-app="app">

  <head>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <a href="#/page1">Page 1</a>
    <a href="#/page2">Page 2</a>
    <div ng-view></div>
  </body>

  <script data-require="angular.js@*" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular.js"></script>
  <script src="script.js"></script>  

</html>

Script:

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

app.config(function ($routeProvider) {
  $routeProvider
      .when('/',
          {
              templateUrl: 'page1.html'
          })
      .when('/page2',
          {
              templateUrl: 'page2.html'
          })
      .otherwise(
          {   redirectTo: '/' 
          });
});
Was it helpful?

Solution

UPDATE

because ngRoute has been moved into its own module recently that's why some outdated tutorial did not mention it...

You need to inject ngRoute to your application... 

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

and of course add ngRoute js file to your html..

here is PLUNKER

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top