ionic+angular之优化路由(路由懒加载,js,html,css按需加载)
1.先在index.html中引入ocLazyLoad.min.js
<script src="https://cdn.bootcss.com/oclazyload/1.1.0/ocLazyLoad.min.js"></script>
2.注入oc.lazyLoad
angular.module('app', ['ionic','oc.lazyLoad'])
3.在路由中使用
.state('order',{ // 订单 url:'/order', templateUrl: function () { return 'template/order.html' }, controller:'orderCtrl', resolve:{ loadMyCtrl:['$ocLazyLoad',function ($ocLazyLoad) { return $ocLazyLoad.load( { files:['js/controller/order.js','css/order.css'], cache: false } ) }] } })
正在加载评论...
相关文章
- ionic cordova platform add browser浏览器运行访...
- ionic常用命令,cordova常用命令
- android-sdk-windows的环境变量配置
- ionic项目打包后IOS系统上传图片拍照闪退
- ionic打包后IOS下Input元素无法自动聚焦
- cordova cannot read property toLowerCase of und...
- xcodebuild was not found. Please install versio...
- angular的directive指令定义全局公共模板标签用法
- angular的directive指令动态设置元素style属性