1. 程式人生 > >ngRoute路由(angular)

ngRoute路由(angular)

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <title>Title</title>
</head>
<body>
<div>
    <a href="#/">首頁</a>
    <a href="#/video">視訊</a>
    <a href="#/music">音樂</a>
    <a href="#/photo">圖片</a>
</div>
<ng-view></ng-view>
<script src="js/angular.min.js"></script>
<script src="js/angular-route.min.js"></script>
<script>
    var App = angular.module('myApp',['ngRoute']);
      App.controller('ctrl',function($scope){

    })
      App.config(['$routeProvider',function($routeProvider){
        $routeProvider
            .when('/',{template:'這是一個首頁'})
            .when('/video',{template:'視訊'})
            .when('/music',{template:'音樂'})
            .when('/photo',{template:'圖片'})
            .when('/404',{template:'張沖天有毒,找不到該網頁!'})
            .otherwise({redirectTo:'/404'});
      }])


</script>
</body>
</html>