<!DOCTYPE html> <html ng-app="demo"> <head> <title></title> <script src="../angular.min.js" type="text/javascript"></script> <script src="../angular-route.js" type="text/javascript"></script> </head> <body> <div ng-view></div> </body> <script> var demo = angular.module("demo", ['ngRoute']); demo.config(["$routeProvider", function ($routeProvider) { $routeProvider. when("/", {templateUrl:"partials/Jackey.html",controller:"JackeyController"}). when("/Cassi", { templateUrl: "partials/Cassi.html", controller: "CassiController" }). otherwise("/", { templateUrl: "partials/Jackey.html", controller: "JackeyController" }); }]); demo.controller("JackeyController",function($scope){ $scope.name = "Jackey"; }); demo.controller("CassiController",function($scope){ $scope.name = "Cassi"; }); </script> </html>
注意点:1 必须添加路由的插件
2 .config(["",function(){}]);坚持这样的写法
3 在module上添加["ngRoute"]
$routeProvider,when();里面的参数:
1 controller
2 template:html string
3 templateUrl:path
4 resolve
5 redirectTo
6 reloadOnSearch