首页 > 代码库 > ionic2 懒加载项目
ionic2 懒加载项目
项目之前没用懒加载,刚开始做项目也没多少经验吧,现在出现了一个比较难的问题就是分享链接的问题,因为是微信商城而且要带个人的标志,只好修改代码,添加懒加载。
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 懒加载项目
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。