AngularJS 路由及传值功能
来源:互联网 发布:金蝶软件 编辑:程序博客网 时间:2024/05/16 14:58
注意:(#/shouye , #/gouwuche , #me 为同一项目下的xml文件,界面当中 以{{name}} 的方法获取值)
<!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>
<style>
ul{
list-style: none;
}
a{
text-decoration: none;
color: red;
}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<ul>
<li><a href="#/shouye">首页</a></li>
<li><a href="#/gouwu">购物车</a></li>
<li><a href="#/me">我的</a></li>
</ul>
<br />
<ng-view></ng-view>
<script type="text/javascript">
var mk = angular.module("myApp",["ngRoute"]);//将路由对象注入模块
mk.controller("myCtrl",function($scope){
//要传到其他界面的值
$scope.name = "郭大哥的";
})
//配置路由
mk.config(function($routeProvider){
$routeProvider.when("/shouye",{templateUrl:"shouye.html"}).when("/gouwu",{templateUrl:"gouwuche.html"}).when("/me",{templateUrl:"me.html"})
})
</script>
</body>
</html>
阅读全文
0 0
- AngularJS 路由及传值功能
- AngularJs路由单向传值
- angularjs路由传参
- AngularJS路由传参
- angularJS-----路由的概念及用法
- Angularjs路由
- AngularJS-路由
- AngularJS 路由
- AngularJS 路由
- AngularJS路由
- angularjs路由
- angularJS路由
- Angularjs 路由
- angularjs-路由
- AngularJS 路由
- AngularJS-路由
- angularjs---------路由
- AngularJS 路由
- 在visual studio中使用mysql
- 【C++】工作中遇到的难点
- 交易系统开发 交易系统源码 交易软件开发 交易软件源码
- jQuery删除cookie
- Fragment onActivityResult 收不到
- AngularJS 路由及传值功能
- PopupWindow全屏显示
- Android读取内存中的文件返回一个byte数组
- 怎样防止ios系统被抓包
- 线程安全的skiplist,lockfree,CAS,c11版
- unity中的.asset
- HDU 1503 Advanced Fruits 最长公共子串应用(LCS算法应用)
- Python基础知识点
- Android Monkey参数说明