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路由问题

回答

相关问题