一、前言

創(chuàng)新互聯(lián)公司技術(shù)團(tuán)隊(duì)十多年來致力于為客戶提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、品牌網(wǎng)站建設(shè)、成都全網(wǎng)營(yíng)銷推廣、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過多年發(fā)展，公司擁有經(jīng)驗(yàn)豐富的技術(shù)團(tuán)隊(duì)，先后服務(wù)、推廣了上千家網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機(jī)構(gòu)單位。

ocLoayLoad是AngularJS的模塊按需加載器。一般在小型項(xiàng)目里，首次加載頁(yè)面就下載好所有的資源沒有什么大問題。但是當(dāng)我們的網(wǎng)站漸漸龐大起來，這樣子的加載策略讓網(wǎng)速初始化速度變得越來越慢，用戶體驗(yàn)不好。二來，分模塊加載易于團(tuán)隊(duì)協(xié)作，減低代碼沖突。

二、按需加載的對(duì)象

各個(gè)Controller模塊、Directive模塊、Server模塊、template模板，其實(shí)這些都是一些 .js文件或者 .html文件 。

三 、按需加載的場(chǎng)景

1 路由加載(resolve/uiRouter)

基于uiRouter的resolve是在加載controller和template之前所執(zhí)行的一系列操作，它幫助我們初始化我們所要前往的那一個(gè)視圖。只有be solved(操作完成)，controller才會(huì)被實(shí)例化。因此，我們可以在resolve步驟里面加載我們所需要的controller。

$stateProvider
    .state('index', {
      url: '/',
      views: {
        'lazyLoadView': {
          templateUrl: 'partials/main.html',
          controller: 'AppCtrl'
        }  
      },
      resolve: {
        loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad){
          return $ocLazyLoad.load('js/AppCtrl.js')
        }]
      }
    })

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站標(biāo)題：AngularJS中的按需加載ocLazyLoad示例-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/dpdddi.html