引入ngRoute模塊

<script src="angular-route.js"></script>

在應(yīng)用中注入ngRoute作為依賴模塊

配置$routeProvider

app.config(function($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'home.html',
      controller: 'HomeController'
    })
    .when('/products', {
      templateUrl: 'products.html',
      controller: 'ProductsController'
    })
    .otherwise({ redirectTo: '/' });
});

添加ngView指令

<div ng-view></div>

在HTML中添加ngView指令作為視圖的容器