Why isn't my basic routeProvider working?

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

Pergunta

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: '/' 
          });
});
Foi útil?

Solução

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

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top