AngularJS $route重新认识

<!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