//首先还是导包问题
<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.persons =["张三","李四","杨过"];
})
//在创建一个控制器
m.controller("myCtrl2",function($scope){
$scope.user = "周伯通";
})
//$routeProvider 路由配置对象
m.config(function($routeProvider){
// $routeProvider.watch();
<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.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>
.when("/contacts",{templateUrl:"contact.html",controller:"myCtrl"})
.when("/yijian",{templateUrl:"yijian.html",controller:"myCtrl2"})
});
</script>
</body>
有两个子页面yijian contact
yijian的内容
{{user}},您的意见对我们非常重要
<input type="text" /》
<input type="button" id="" value="提交" />
contact的内容
<ul>
<li ng-repeat="p in persons">{{p}}</li>
</ul>