html中的href无法使用angularjs显示路线

Question

我正在尝试学习angularjs.so，所以我使用mvc创建了一个项目，该项目的简单页面具有href链接。当用户单击此链接时，新页面应显示在浏览器中。

如您所见，我将layout创建为母版页：

<!DOCTYPE html>
<html data-ng-app="homeIndex">

    <head>
        <title></title>

    <script src="~/Scripts/angular.min.js"></script>


    </head>
    <body>
        @RenderBody()
        @RenderSection("scripts", required: false)

    </body>

</html>

我在angularjs创建了一个名为homeindex的模块，您可以在这里看到：

// home-index.js var homeIndexModule = angular.module（“ homeIndex”，[]）;

$routeProvider.when("/newmessage", {
    controller: "newTopicController",
    templateUrl: "/templates/newTopicView.html"
});
$routeProvider.otherwise({ redirectTo: "/" });

}]）;

我有一个名为home的控制器，该控制器具有操作index ，视图代码如下所示：

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/_Shared.cshtml";
}        
@section Scripts {
 <script src="~/js/mapp.js"></script>

}

<div >
    <a href="#/newmessage">Add New Message</a>
  </div>

我有一个名为templates的文件夹，其中包含名为newTopicView的html页面，但是当我单击href链接时， newTopicView出现在浏览器中。为什么？

在控制台中，我得到此错误：

Error: [$injector:modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=homeIndex&p1=%5B%24injector%3Aunpr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.4.8%2F%24injector%2Funpr%3Fp0%3D%2524routeProvider%0AG%2F%3C%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A6%3A416%0Aeb%2Fr.%24injector%3C%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A41%3A121%0Ad%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A39%3A92%0Ae%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A39%3A362%0Ad%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A38%3A56%0Ag%2F%3C%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A38%3A188%0An%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A7%3A331%0Ag%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A37%3A488%0Aeb%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A41%3A249%0Ayc%2Fc%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A19%3A463%0Ayc%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A20%3A274%0AZd%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A19%3A83%0A%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A294%3A192%0Ab%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A175%3A62%0AIf%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A35%3A365%0AHf%2Fd%40http%3A%2F%2Flocalhost%3A29188%2FScripts%2Fangular.min.js%3A35%3A314%0A
 angular.min.js:6:416

Answer 1

埃桑，我认为您需要一个名为newTopicController的控制器。 如您在路线中指定的：

$routeProvider.when("/newmessage", {
    controller: "newTopicController",
    templateUrl: "/templates/newTopicView.html"
});

当Angular走到那条路线时，它将同时寻找那个控制器和那个模板。 尝试声明一个空的：

.controller('newTopicController', ['$scope', function($scope) {
   //empty
}]);