简单路由

最新推荐文章于 2022-04-04 01:30:37 发布

sakurakbaby

最新推荐文章于 2022-04-04 01:30:37 发布

阅读量152

点赞数

本文链接：https://blog.csdn.net/sakurakbaby/article/details/79092411

版权

<!DOCTYPE html>
<html ng-app="App">
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="lib/angular.min.js" ></script>
       <script type="text/javascript" src="lib/angular-route.min.js" ></script>
   </head>
   <body>
       <a href="#/a">你是谁</a>
       <a href="#/b">我是谁</a>
       <a href="#/c">我们都是谁</a>
       <a href="#/d">他们是谁</a>
       <div ng-view></div>
   </body>
   <script>
       var app = angular.module("App",['ngRoute']);
       app.config(['$routeProvider',function($routeProvider){
           $routeProvider
                 .when('/a',{template:'你点击了你是谁'})
                 .when('/b',{template:'你点击了我是谁'});
       }]);
   </script>
</html>