码迷,mamicode.com
首页 > 其他好文 > 详细

ionic2 懒加载项目

时间:2017-07-17 12:25:57      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:http   3.0   而且   nav   module   bsp   line   com   查看   

项目之前没用懒加载,刚开始做项目也没多少经验吧,现在出现了一个比较难的问题就是分享链接的问题,因为是微信商城而且要带个人的标志,只好修改代码,添加懒加载。

1.修改app.module.ts 删除里面所有的pages引入,

只留import { MyApp } from ‘./app.component‘;

将注册组件,导出组件只留MyApp 其他的像自己的一些providers可以保留

修改app.component.ts里面的

rootPage:any = TabsPage;给TabsPage加引号使用字符串形式
2.给每个page添加XX.module.ts
里面引入的东西可以查看http://ionicframework.com/docs/3.0.1/api/IonicPageModule/
之后给给个page 的XX.ts里面添加装饰器
@IonicPage({})
里面的配置具体可看http://ionicframework.com/docs/3.0.1/api/navigation/IonicPage/
3.修改所有的NavController.push()方法里面的引入组件名添加引号使用字符串形式
4.修改所有的
ModalController
方法里面的引入组件名添加引号使用字符串形式
5.引入的插件放在所需page里面的XX.module.ts里面进行引入
6.ionic serve
编译后在www目录里面build目录里面生成按顺序的0.main.js ,0.main.js .map 
此时懒加载就可以用 而且页面的url也会变成http://localhost:8100/#/tabs/%E5%88%86%E7%B1%BB/details
像这样的url
 

 

ionic2 懒加载项目

标签:http   3.0   而且   nav   module   bsp   line   com   查看   

原文地址:http://www.cnblogs.com/zhangweihu/p/7193601.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!