2013-03-25 154 views
-1

我有一個關於角度資源的奇怪問題。當我嘗試定義它時,會導致應用程序創建錯誤。我不知道,但這是定義角度資源的正確風格? TIAAngular NgResource:初始化錯誤

main.js

'use strict'; 

require.config({ 
paths: { 
    jquery: 'libs/jquery/jquery-1.9.1', 
    angular: 'libs/angular/angular.min', 
    ngResource: 'libs/angular/angular-resource.min' 

}, 

shim: { 
    angular: { 
     exports: 'angular' 
    }, 

    resource : { deps : ['angular'], 'exports' : 'ngResource'}, 
    } 
    }); 

    require([ 
    'jquery', 
    'angular', 
    //'ngResource', 
    'app', 
    'routes', 
    ], 
    function ($, angular, app, routes) {// set main controller 

$(function(){ 
    var $html = $('html'); 
    angular.bootstrap($html, [app['name']]); 

    $html.addClass('ng-app'); 

    }); 

    }); 

回答

0

只是助陣那些誰不熟悉上面的代碼的用戶;代碼顯示了RequireJS配置和初始化結構,最後只有一小部分是實際的AngularJS代碼。

在初始化之前,您已正確配置RequireJS以包含ngResource,但實際上並未告知Angular使用它。 我不知道app['name']代表什麼,但你的角度引導電話應包括ngResource模塊:

angular.bootstrap($html, ['ngResource']); 

而且,順便說一句,我不認爲你需要添加的類別(「NG-應用」 ) 最後。

+0

嗨stewie。謝謝,但它仍然無法正常工作。我要做的是從角度實現PHONECAT教程的requireJS - angularjs版本。我得到它在$ http上工作,但ngResource還沒有運氣。 – koko 2013-03-25 08:25:52

+0

你可以附加你的錯誤的職位。 – Stewie 2013-03-25 10:14:38

0

在回調時,所有的資源都加載,嘗試引導之前明確地定義模塊和依賴關係,就像這樣:

angular.module('fooApp', ['ngResource']); // Module name and list of dependancies. 
angular.bootstrap(document, 'fooApp'); 

無需手動添加NG-App類,當這個類是用來自動bootraping,女巫不是你想要的。在加載所有腳本時,您想要加載applicatiopns模塊,並將ngResource模塊作爲依賴項。

希望這會有所幫助。