Angular路由問題

我有一個AngularJS應用程序。我最近添加了幾條路線，但他們不工作。其餘的工作正常。Angular路由問題

我包括他們在我的index.html

<script src="privacy_policy/privacy_policy.js"></script> 
    <script src="contacts/contacts.js"></script>

我加入他們在我的app.js文件：

angular.module('myApp', [ 
    ... 
    'myApp.privacy_policy', 
    'myApp.contacts', 
    ... 
]).

路由系統：

$routeProvider.when('/privacy_policy', { 
    templateurl: 'privacy_policy/privacy_policy.html', 
    data: { 
     needauth: false 
    } 
}); 
$routeProvider.when('/contacts', { 
    templateurl: 'contacts/contacts.html', 
    data: { 
     needauth: false 
    } 
});

我加了一個簡單控制器：

'use strict'; 

angular.module(
    'myApp.privacy_policy', ['ngRoute'] 
). 
config(['$routeProvider', function($routeProvider) { 
}]). 
controller('PrivacyPolicyCtrl', ["$scope", "$http", "store", "URL", function($scope, $http, store, URL) { 
}]);

和一些簡單的html：

<div ng-controller="PrivacyPolicyCtrl" class='row below-header'> 
    PRIVACY POLICY 
</div>

最後，我創建了一個簡單的鏈接到該視圖：

<li><a href='/privacy_policy'>Privacy policy</a></li>

我創造了同樣的事情，聯繫人，但如果我點擊這些鏈接NG-視圖是完全空的。所有其他路線工作正常，我看不出任何區別。我在控制檯上沒有出現錯誤。

在路由系統app.js如果我把不同的模板，例如：

$routeProvider.when('/privacy_policy', { 
    templateurl: 'faq/faq.html', 
    data: { 
     needauth: false 
    } 
});

的FAQ頁面正確diplayed。我錯過了什麼？

來源

2016-06-08 ste

什麼是錯誤的？你有聯繫視圖中的HTML嗎？ –

沒有錯誤，只是當我去myapp.com/contacts或myapp.com/privacy_policy頁面是空的基本佈局的一部分。 ng-view的內容是空的。我爲聯繫人和privacy_policy製作了相同的html，我沒有粘貼它們，因爲它們基本上只與不同的控制器相同 – ste

好吧，我終於找到你是什麼問題。

我只需要改變這一點：

templateurl: 'contacts/contacts.html',

與此：

templateUrl: 'contacts/contacts.html',

來源

2016-06-10 17:03:55 ste

Angular路由問題

回答

相關問題