Question

好的，这是我第一次尝试这个。试图让我的页面加载。我的App.js文件有我希望的所有东西。这是我的文件：

的index.html：

    <!DOCTYPE html>
<html ng-app="TodoApp" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-1.9.0.js"></script>
    <script src="https://code.angularjs.org/1.3.5/angular-route.js"></script>
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/angular-resource.js"></script>
    <script src="Scripts/app.js"></script>
    <link rel="stylesheet" type="text/css" href="Content/bootstrap.css" />
    <title>Amazing Todo List</title>
</head>
<body>
    <div class="container">
        <div ng-view></div>
        </div>

</body>
</html>

App.js：

var TodoApp = angular.module("TodoApp", ["ngResource", "ngRoute"]).
    config(function ($routeProvider) {
        $routeProvider.
            when('/', { controller: ListCtrl, templateUrl: 'list.html' }).
            otherwise({ redirectTo: '/' });
    });

var ListCtrl = function ($scope, $location) {
    $scope.test = "testing";
};

List.html：

<h1>Hello: {{test}}</h1>

我目前正在通过Visual Studio 2013运行Localhost服务器。请帮助，谢谢！

Answer 1

您需要包含ngRoute才能使用角度路由。因此，在模块中包含ngRoute作为依赖项。

 var TodoApp = angular.module("TodoApp", ["ngResource", "ngRoute"]).
        config(.....

另外请记住包含angular-route.js，除非您使用路由附带的非常旧的角度版本。您可以参考cdn http://code.angularjs.org/x.y.z/angular-route.js或下载文件。

<强> Plnkr

AngularJS Hello：{{test}}页面没有显示？

1 个答案: