AngularJs路由

来源：互联网发布：折扇起源知乎编辑：程序博客网时间：2024/06/05 02:07

<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript" src="js/angular-route.js" ></script>
<style>
ul{
list-style: none;
}
ul li{
float: left;
width: 100px;

}

a{
text-decoration: none;
}

</style>
</head>
<body ng-app="myapp" ng-controller="mycr">


<ul>
<li><a href="#/">首页</a></li>
<li><a href="#/tao">淘宝</a></li>
<li><a href="#/jing">京东</a></li>
</ul>


<div ng-view></div>
</body>

<script>

var app=angular.module("myapp",["ngRoute"]);
app.controller("mycr",function($scope){});

app.config(function($routeProvider){
$routeProvider.when("/",{templateUrl:"shou.html"})
.when("/tao",{templateUrl:"tao.html"})
.when("/jing",{templateUrl:"jing.html"});

})

</script>

</html>

阅读全文

0 0