angularJs 路由

来源：互联网发布：html网页源码下载编辑：程序博客网时间：2024/06/06 03:49
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script src="angular-1.3.0.js" type="text/javascript"></script>    <script src="angular-route.js" type="text/javascript"></script>    <style type="text/css">        li{            list-style: none;            float: left;            margin: 8px;        }    </style><script type="text/javascript">    var app = angular.module("m",["ngRoute"]);    app.config(["$routeProvider",function($routeProvider){ //格式 单词 为固定的        $routeProvider.when("/sho", {template:"<div><h2>首页</h2><hr><br><br><br><br><br><br><br><br><br><br></div>"})            .when("/xin",{template:"<div><h2>新闻</h2><hr><br><br><br><br><br><br><br><br><br><br></div>"})            .when("/ti",  {template:"<div><h2>体育</h2><hr><br><br><br><br><br><br><br><br><br><br></div>"})            .when("/you", {template:"<div><h2>游戏</h2><hr><br><br><br><br><br><br><br><br><br><br></div>"});             .otherwise({template: "<div><h2>404 Page Not Found!</h2><hr><br><br><br><br><br><br><br><br><br><br><br></div>"});    }]);</script></head><body ng-app="m">    <ul>        <li><a href="#/sho">首页</a> </li>        <li><a href="#/xin">新闻</a> </li>        <li><a href="#/ti">体育</a> </li>        <li><a href="#/you">游戏</a> </li>        <li><a href="#/other">其他</a></li>    </ul><div style="clear: both"></div><ng-view></ng-view></body></html>
阅读全文
0 0