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
                        }
                    )
                }]
            }
        })
正在加载评论...