Angularjs和jQuery html5Loader

在我的應用我試圖創建一個預加載與jquery.html5loader這樣的：Angularjs和jQuery html5Loader

$.html5Loader({ 
    filesToLoad: 'load.json', // this could be a JSON or simply a javascript object 
    onBeforeLoad:  function() { 

    $('body').append('<div id="load">Loading....</div>'); 
    }, 
    onComplete:   function() { 
    $('#load').hide(); 
    console.log('Complete Loaded'); 
    }, 
    onElementLoaded: function (obj, elm) { }, 
    onUpdate:   function (percentage) { 
    // sleep(100000); 
    console.log(percentage); 
    $("#load").text('&nbsp;&nbsp;&nbsp;'+percentage); 
    } 
});

腳本正確工作，我得到Complete loaded登錄控制檯加載的所有腳本的時候，但我得到的角另一個錯誤

未捕獲的對象angular.js：36

在我的JSON文件我加載所有腳本除了jquery,angular.js,angular-route.js。我認爲問題是因爲我在我的html中有這樣的代碼：

<html ng-app="myApp">

來源

2014-07-09 MBehtemam

也許你做錯了什麼。我創建了this simple jsfiddle在頁面中嵌入了angularjs，一切似乎都奏效。

$.html5Loader({ 
    filesToLoad: { 
    files: [{ 
     "type": "SCRIPT", 
     "source": "//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js", 
     "size": 4.096, 
    }] 
    }, 
    onBeforeLoad: function() { 
    console.log('Before load'); 
    $('body').append('<div id="load">Loading....</div>'); 
    }, 
    onComplete: function() { 
    $('#load').hide(); 
    console.log('Complete Loaded'); 

    }, 
    onUpdate: function(percentage) { 
    // sleep(100000); 
    console.log(percentage); 
    $("#load").text('&nbsp;&nbsp;&nbsp;' + percentage); 
    } 
});

來源

2014-07-09 11:46:20

Angularjs和jQuery html5Loader

回答

相關問題