Question

这是我的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说“属性必须跟着=符号”......但是我必须使用= sign分配什么？

这是例外

未捕获错误：[$ injector：modulerr]由于以下原因导致无法实例化模块BookApp：错误：[$ injector：unpr]未知提供者：$ routeProvider

我通过添加ngRoute

进行了以下更改

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

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

如何在AngularJS中使用“data-ng-view”[最佳实践]

0 个答案: