ionic路由传值
ionic路由传值
app.js
=====================================
//新建工作任务
.state(‘app.newTask’, angularAMD.route({
url: ‘/newTask?:userid:username:img:isclear:arr1:arr2:arr3′,
//cache:’false’,
views: {
‘menuContent’: {
templateUrl: ‘app/templates/oa/NewTask.html’,
controller: ‘NewTaskCtrl’
}
},
//templateUrl: ‘app/templates/oa/NewTask.html’,
//controller: ‘NewTaskCtrl’,
//路由前执行如下
resolve: {
loadController: [‘$q’,’$ocLazyLoad’,
function ($q,$ocLazyLoad)
{
// get the controller name === here as a path to Controller_Name.js
// which is set in main.js path {}
//JS加载交给requirejs管理。ionic框架底层对route进行了绑定,不能oclazyload来加载页面。
//angularAMD:它的作用把angularjs和requirejs结合在一起。
//requirejs+angularAMD可以整合ionic框架,所以按需加载都用requestjs。
//由于不能加载js以外文件,$ocLazyLoad来加载其他。
var load1 = “app/controllers/oa/NewTaskController.js”;
var deferred = $q.defer();
require([load1], function () {
//加载css,requirejs,html等。
$ocLazyLoad.load(
[
{
name: ‘css’,
//insertBefore: ‘#xxx’,
files: [
//’lib/angular-lazy-image/lazy-image-style.css’,
//’app/controllers/discuss/DsMainController.js’
]
}
]
);
deferred.resolve();
});
return deferred.promise;
}]
}
}))
============================
SelectPersonController.js
//负责指定完跳转
$scope.GoPage = function (target,param) {$state.go(target,{userid:$scope.isselect,username:$rootScope.username,img:$rootScope.img});
}
=================================
NewTask.html
<a class=”button button-icon button-clear ion-android-add” style=”font-size: 24px;color: #00A000;” menu-close ng-click=”GoPage(‘app.newTask’,”)”></a>
ionic路由传值的更多相关文章
- ionic-native-transitions调用原生页面切换实现ionic路由切换
废话不多说:ionic-native-transitions调用原生页面切换实现ionic路由切换,从而大大提升ionic应用的性能. ionic-native-transitions是一个ionic ...
- Vue 动态路由传值
一.动态路由传值 1.配置动态路由: const routes = [ //动态路由路径参数以:开头 { path: '/Content/:aid', component:Content}, ] 2. ...
- react之传递数据的几种方式props传值、路由传值、状态提升、redux、context
react之传递数据的几种方式 1.父子传值 父传值:<子的标签 value={'aaa'} index={'bbb'}></子的标签> 子接值:<li key={thi ...
- vue路由传值params和query的区别
vue路由传值params和query的区别1.query传参和接收参数传参: this.$router.push({ path:'/xxx' query:{ id:id } })接收参数: this ...
- angularjs路由传值$routeParams
AngularJS利用路由传值, 1.导包 <script src="angular.min.js"></script> <script src=&q ...
- vue动态路由传值以及get传值及编程式导航
1.动态路由传值 1.配置路由处 { path: '/content/:id', component: Content }, // 动态路由 2.对应页面传值 <router-link :to= ...
- Ant Design Pro路由传值
Ant Design Pro 路由传值 了解Ant Design Pro组件间通讯原理的小伙伴肯定都知道,两个页面之间可以通过Models进行传值,在以往的传值过程中,我都是直接将需要的值直接一股脑的 ...
- vue中this.$router.push()路由传值和获取的两种常见方法
1.路由传值 this.$router.push() (1) 路由跳转使用router.push()方法,这个方法会向history栈添加一个新纪录,所以,当用户点击浏览器后退按钮时,会回到之前的 ...
- ionic入门教程-ionic路由详解(state、route、resolve)(转)
http://blog.csdn.net/onil_chen/article/details/51758696?appinstall=0 今天好好的跟大家讲讲ionic的路由配置. 问到的朋友有点多, ...
随机推荐
- React Native之FlexBox介绍和使用
# 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会 ...
- Thrift-java学习小结
➠更多技术干货请戳:听云博客 Thrift是什么?什么情况下使用thrift Thrift源于大名鼎鼎的facebook之手,在2007年facebook提交Apache基金会将Thrift作为一个开 ...
- iOS--浅谈iOS沙盒目录
原文地址:http://blog.csdn.net/wzzvictory/article/details/18269713 出于安全考虑,iOS系统的沙盒机制规定每个应用都只能访问当前沙盒目录下面的文 ...
- Android View的几个位置坐标关系
1. View的边界,left, top, right, bottom(即左上右下),这些值都是相对View的父容器说的: 2. View的x, translationX, y, translatio ...
- iOS 系统根据导航栏和状态栏自动修改布局
问题 条件:1.有一个全屏大小的带导航的controller 2.隐藏导航栏,最顶上还会留出状态栏的位置,而不是全屏显示 解决方法 self.automaticallyAdjustsScrollVie ...
- 史上最全的ASP.NET MVC路由配置
MVC将一个Web应用分解为:Model.View和Controller.ASP.NET MVC框架提供了一个可以代替ASP.NETWebForm的基于MVC设计模式的应用. AD:51CTO 网+ ...
- YourSQLDba将数据库置于紧急模式的原因浅析
从SQL SERVER 2000 上迁移了一个数据库到SQL SERVER 2008 R2上,暂且用DataBaseName代替迁移的真实的数据库名(后面的资料也会将数据库真实的名字用DataBase ...
- (转载)SQL去除回车符,换行符,空格和水平制表符
http://www.cnblogs.com/insus/p/4815336.html MS SQL去除回车符,换行符,空格和水平制表符,参考下面语句,一般情况是SQL接受富文本或是textarea的 ...
- jedis2.4.2连接池配置说明
大多数情况使用jedis时用的都是默认配置,但有的时候为了调优,提供应用程序的性能,那我们就要知道jedis中参数的意义. JedisPoolConfig config = new JedisPool ...
- makefile之变量赋值
makefile中变量赋值有4种方法: = , := , += , ?= = :直接赋值 变量 = 值 := :位置相关赋值 如果右值为一个值,那么它和=没区别,如果右值为变量,那么左边变 ...