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

 

大功告成，收工。。。。。。。。

源碼：