ionic路由传值

最新推荐文章于 2022-07-12 00:05:37 发布

转载最新推荐文章于 2022-07-12 00:05:37 发布 · 128 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/nikyxxx/p/5225414.html

本文介绍了一个使用Ionic框架进行路由传值的例子。通过定义复杂的路由URL参数，并利用AngularAMD结合requirejs实现页面控制器的按需加载。同时展示了如何从SelectPersonController跳转到NewTaskCtrl并传递多个参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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;
}]
}
}))