3

这是我的 index.html

<!DOCTYPE html>
<html data-ng-app="BookApp" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-2.1.0.js"></script>
    <script src="Scripts/bootstrap.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>My Book</title>
</head>
<body>
    <div class="container">
        <div data-ng-view=""></div>// I suspect this line is wrong
    </div>
</body>

这是我的 app.js

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

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

这是我的 book.html

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

当你运行应用程序时，什么都没有显示。如何调试这个？可能有什么问题？我什至支持 ng-view，但 VS Studio 说“属性必须后跟 = 符号”......但是我必须使用 = 符号来分配什么？

这是例外

未捕获的错误：[$injector:modulerr] 无法实例化模块 BookApp，原因是：错误：[$injector:unpr] 未知提供者：$routeProvider

我通过添加 ngRoute 进行了以下更改

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

问题已解决，但最佳做法是什么？

4

0 回答 0