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的路由配置. 问到的朋友有点多, ...
随机推荐
- 天津政府应急系统之GIS一张图(arcgis api for flex)讲解(十三)台风模块
config.xml文件的配置如下: <widget label="台风" icon="assets/images/typhoon.png" config ...
- 用VSCode写python的正确姿势(转载)
最近在学习python,之前一直用notepad++作为编辑器,偶然发现了VScode便被它的颜值吸引.用过之后发现它启动快速,插件丰富,下载安装后几乎不用怎么配置就可以直接使用,而且还支持markd ...
- 回收ImageView占用的图像内存
使用方法: RecycleBitmap.recycleImageView(mSelectorView); 参数为imageview /** * 回收ImageView占用的图像内存; * 使用了本 ...
- android FrameLayout详解
首先看演示: FrameLayout框架布局是最简单的布局形式.所有添加到这个布局中的视图都以层叠的方式显示.第一个添加的控件被放在最底层,最后一个添加到框架布局中的视图显示在最顶层,上一层的控件会覆 ...
- IOS开发基础知识--碎片44
1:App跳转至系统Settings 跳转在IOS8以上跟以下是有区别的,如果是IOS8以上可以如下设置: NSURL *url = [NSURL URLWithString:UIApplicatio ...
- JAVA实现图片裁剪
/** * 裁剪图片 * @param src 源图片 * @param dest 裁剪后的图片 * @param x 裁剪范围的X坐标 * @param y 裁剪范围的Y坐标 * @param w ...
- GitHub for Windows提交失败“failed to sync this branch”
今天github for windows同步推送远端github出问题了,提交到本地没问题,远端一直推送不上去,挺棘手的,试了几个网上的方法不管用.问题如下,报这个错: failed to sync ...
- [转]PaaS平台分类
本文转自阿朱说 大家发现没,自从我们上升到有规模的互联网架构后,咱们中国的技能能力就跟不上了,只能采取国际业界顶级大公司开源出来的而且已经经受住大规模实际应用考验的组件来搭架构,因而咱们近几年大规模网 ...
- C#中Split用法
1.用字符串分隔: using System.Text.RegularExpressions; string str="aaajsbbbjsccc"; string[] sArr ...
- RAC异机恢复
RAC异机恢复PDCL到PFCL: PNCL:RAC+ASM ,product env db name:PNCL instance:PDCL1 PDCL2 PFCL:RAC+ASM ,perf ...