路由传值

来源:互联网 发布:python base64 key 编辑:程序博客网 时间:2024/05/17 08:41

//首先还是导包问题

<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();
    $routeProvider.when("/",{template:"我是主页"})
    .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>












原创粉丝点击