2014-01-07 54 views
3

我遇到了Angular的路由問題。我沒有任何錯誤,路線根本不起作用。RequireJS和Angular路線

以下代碼是其中I重定向任何路線#/reports最簡單的例子。我在沒有RequireJS的情況下檢查了以下代碼片段,它可以工作。我現在想知道我是否忘記了requireJS和Angular之間的相互作用?

我引導角(和我得到的引導記錄),在那裏與我的問題有關係嗎?

下面是代碼:

define([ 
    'jquery', 
    "angular", 
    "angular-route" 
],   
function($, angular, AngularRoutes){ 

    var gameApp = angular.module('gameApp', [ 
     'ngRoute' 
    ]); 

    gameApp.config(['$routeProvider', 
     function($routeProvider) { 
      $routeProvider. 
       otherwise({ 
        redirectTo: '/reports' 
       }); 
     } 
    ]); 


    angular.element().ready(function() { 
     angular.bootstrap(document, [gameApp['name']]); 
     console.log('Angular Bootstrapped'); 
    }); 
}); 
+0

就像一個快速檢查,確保你有angular-route.js源文件;它剛剛從核心資源中分離出來,如果沒有它,路由將無法工作。 – Hylianpuffball

+0

是的,角度路由文件被加載。 –

回答

2

我需要在我的HTML標籤<div data-ng-view></div>,否則路由不起作用。

+0

一個簡單的錯誤,但我花了半個小時才找到這個答案,這正是我錯過的。謝謝。 –

1

你的引導是錯誤的。它應該是:

angular.bootstrap(document, ['gameApp']); 
+0

這是真的,它解決了問題的一部分。 但是,我仍然沒有錯誤,沒有路線... 有沒有辦法來檢查路線是否註冊在應用程序對象? –