路由传值
来源:互联网 发布: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();
<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>
阅读全文
0 0
- 路由传值介绍
- 路由传值
- 路由传值
- AngularJs路由单向传值
- 16、vue.js 之路由传值
- vue 路由传值 query 和 params
- AngularJS 路由及传值功能
- iOS路由设计(一) 路由响应链方法进行传值
- vue动态路由匹配,路由传参
- angularjs路由传参
- angular路由传参
- AngularJS路由传参
- vue路由传参
- metric--路由度量值
- 路由
- 路由
- 路由
- 路由
- Android
- 另外一种写法如下:
- 简单自定义View流式布局实现模版
- jQuery插件编写规范
- 线性代数的第一章
- 路由传值
- 股市的平均收益
- 蓝桥杯 历届试题 回文数字
- ucore lab6
- 2D游戏的战争迷雾实现方式
- freemarker 数字输出中的逗号问题,${temp}为空问题,时间问题(Java中Date)
- Deep Compression阅读理解及Caffe源码修改
- 再看基础OC基础视频
- DLL调用(3):Java JNA调用DLL