2014-09-06 37 views
0

我正在學習Angularjs和Restangular。當我打開index.html的我下面這個頁面http://www.ng-newsletter.com/posts/restangular.htmlRestangular - 無法開始

== app.js== 
angular.module('app', ['restangular']); 

angular.module('app') 
.controller('TestCtrl', ['$scope','Restangular', 
    function($scope,Restangular) { 
    this.product="gem"; 
    }]); 

== index.html == 
<!DOCTYPE html> 
<html ng-app="app"> 
    <head> 
    <script type="text/javascript" src="js/angular.min.js"></script> 
    <script type="text/javascript" src="js/restangular.min.js"></script> 
    <script type="text/javascript" src="js/app.js"></script> 
    </head> 
    <body> 
    <div ng-controller="TestCtrl as test"> 
     {{test.product}} 
    </div> 
    </body> 
</html> 

,它只是打開{{test.product}}。但是,當我從app.js刪除restangular引用,它工作正常。 .js文件的路徑是正確的。

請幫我把這個排序。

+1

顯示控制檯上的錯誤消息。你可以使用'console.log(angular.module('restangular'))'來檢查Restangular lib是否被加載。 – 2014-09-06 18:08:40

回答

1

== ==方案

stackoverflow answer告訴我,我不應該使用angular.js的縮小的版本,因爲它沒有詳細顯示錯誤。我得到這個錯誤:

Error: Failed to instantiate module restangular due to: '_' is undefined

從這個answer我才知道,我是缺少下劃線/ lodash這是restangular的依賴。我在我的HTML中包含lodash,然後一切正常。

+1

很好的故障排除。您可以將答案標記爲答案。它可能會幫助其他人:) – 2014-09-08 11:07:14