Question

我有一个AngularJS应用程序。我最近添加了几条路线，但它们不起作用。其余的工作正常。

我将它们包含在我的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-view完全为空。所有其他路线工作正常，我看不出任何差异。我在控制台上没有错误。

在app.js的路由系统中如果我放了一个不同的模板，例如：

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

正确显示常见问题页面。我错过了什么？

Answer 1

好的，我终于找到了问题所在。

我只需要改变这个：

templateurl: 'contacts/contacts.html',

用这个：

templateUrl: 'contacts/contacts.html',

Angular路线中的问题

1 个答案: