<head>
<meta charset="UTF-8">
<title></title>
<script src="libs/angular.min.js"></script>
<script src="libs/angular-route.js"></script>
<script>
angular.module('myApp', ["ngRoute"]). //当前应用向要实现anglar-route 包下指令
config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/1', {
template: "<div style='color:red'>首页</div>" //模板内容
}).when('/2', {
/*加载模板*/
templateUrl:"views/login.html"
}).when('/3', {
template: "黑色"
}).otherwise({
redirectTo:'/1' /*可以将所有意外路径进行重定向的捕获器*/
});
}]);
</script>
</head>
<body ng-app="myApp">
<nav>
<a href="#/1">首页</a>
<a href="#/2">登录</a>
<a href="#/3">黑色</a>
</nav>
<!--ng-view视图 展示routserice -->
<div ng-view></div>
</body>
</html>
<meta charset="UTF-8">
<title></title>
<script src="libs/angular.min.js"></script>
<script src="libs/angular-route.js"></script>
<script>
angular.module('myApp', ["ngRoute"]). //当前应用向要实现anglar-route 包下指令
config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/1', {
template: "<div style='color:red'>首页</div>" //模板内容
}).when('/2', {
/*加载模板*/
templateUrl:"views/login.html"
}).when('/3', {
template: "黑色"
}).otherwise({
redirectTo:'/1' /*可以将所有意外路径进行重定向的捕获器*/
});
}]);
</script>
</head>
<body ng-app="myApp">
<nav>
<a href="#/1">首页</a>
<a href="#/2">登录</a>
<a href="#/3">黑色</a>
</nav>
<!--ng-view视图 展示routserice -->
<div ng-view></div>
</body>
</html>