<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>路由传值</title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/angular-route.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<a href="#/">主页</a><a href="#/contacts">联系人</a><a href="#/yijian">意见</a>
<!--
容器
-->
<ng-view></ng-view>
<script type="text/javascript">
var m = angular.module("myApp",["ngRoute"]);
m.controller("myCtrl",function($scope){
$scope.name = "张三";
$scope.persons =["张三","李四","杨过"];
})
//在创建一个控制器
m.controller("myCtrl2",function($scope){
$scope.user = "周伯通";
})
//$routeProvider 路由配置对象
m.config(function($routeProvider){
// $routeProvider.watch();
$routeProvider.when("/",{template:"我是主页"})
.when("/contacts",{templateUrl:"contact.html",controller:"myCtrl"})
.when("/yijian",{templateUrl:"yijian.html",controller:"myCtrl2"})
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>路由传值</title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/angular-route.js" type="text/javascript" charset="utf-8"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<a href="#/">主页</a><a href="#/contacts">联系人</a><a href="#/yijian">意见</a>
<!--
容器
-->
<ng-view></ng-view>
<script type="text/javascript">
var m = angular.module("myApp",["ngRoute"]);
m.controller("myCtrl",function($scope){
$scope.name = "张三";
$scope.persons =["张三","李四","杨过"];
})
//在创建一个控制器
m.controller("myCtrl2",function($scope){
$scope.user = "周伯通";
})
//$routeProvider 路由配置对象
m.config(function($routeProvider){
// $routeProvider.watch();
$routeProvider.when("/",{template:"我是主页"})
.when("/contacts",{templateUrl:"contact.html",controller:"myCtrl"})
.when("/yijian",{templateUrl:"yijian.html",controller:"myCtrl2"})
});
</script>
</body>
</html>