案例:AngularJS案例     状态:可编辑再运行    进入横版
AخA
 
1
<html>
2
    <head>
3
        <meta charset="utf-8">
4
        <title>AngularJS 路由实例 - W3xue教程</title>
5
    </head>
6
    <body ng-app='routingDemoApp'>
7
     
8
        <h2>AngularJS 路由应用</h2>
9
        <ul>
10
            <li><a href="#/">首页</a></li>
11
            <li><a href="#/computers">电脑</a></li>
12
            <li><a href="#/printers">打印机</a></li>
13
            <li><a href="#/blabla">其他</a></li>
14
        </ul>
15
         
16
        <div ng-view></div>
17
        <script src="/js/angular.js1.4.6/angular.min.js"></script>
18
        <script src="/js/angular.js1.4.6/angular-route.js"></script>
19
        <script>
20
            angular.module('routingDemoApp',['ngRoute'])
21
            .config(['$routeProvider', function($routeProvider){
22
                $routeProvider
23
                .when('/',{template:'这是首页页面'})
24
                .when('/computers',{template:'这是电脑分类页面'})

 运行结果 
 北美留学生论坛