angular-route传递参数

来源：互联网发布：学建筑软件编辑：程序博客网时间：2024/04/28 05:37

<!DOCTYPE html>
<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>
   </head>
   <body ng-app="myapp" ng-controller="cre">
       <a href="#/zhu">主页</a><br />
       <a href="#/zi">子页</a>
   </body>
   
   <ng-view>

   </ng-view>
   <script>
       //注入
       var mo=angular.module("myapp",["ngRoute"])//将路由对象注入到模块中
       //创建控制器
       mo.controller("cre",function($scope){
           $scope.name="李四";
       })
       //创建第二个控制器
       mo.controller("cre1",function($scope){
           $scope.goods=["张三","李四","王五"];
       })
       //配置路由对象
       //$routeProvider 内置对象，配置路由的
       //templateUrl加载路径
       //controller控制器
       mo.config(function($routeProvider){
           //注意单词，大括号等
           $routeProvider.when("/zhu",{templateUrl:"zhu.html",controller:"cre"});
           $routeProvider.when("/zi",{templateUrl:"zi.html",controller:"cre1"});
       });
   </script>
</html>

阅读全文

0 0