Html AngulaJS路由不起作用，也不会给我带来任何错误_Html_Angularjs

Html AngulaJS路由不起作用，也不会给我带来任何错误

html angularjs

Html AngulaJS路由不起作用，也不会给我带来任何错误,html,angularjs,Html,Angularjs,我试图在AngulaJS示例应用程序中实现路由，但不知何故，它不起作用，也没有抛出任何类型的错误。请帮帮我。从最后一天起我就被困在这里了以下是代码详细信息： Index.html <!DOCTYPE html> <html ng-app="AngularJS"> <head> <title>Index page</title> <meta charset="utf-8" /> <link hr

我试图在AngulaJS示例应用程序中实现路由，但不知何故，它不起作用，也没有抛出任何类型的错误。请帮帮我。从最后一天起我就被困在这里了

以下是代码详细信息：

Index.html

<!DOCTYPE html>
<html ng-app="AngularJS">
<head>
    <title>Index page</title>
    <meta charset="utf-8" />
    <link href="../Styles/Layout.css" rel="stylesheet" />
    <script src="../Scripts/Vendors/angular.js"></script>
    <script src="../Scripts/Vendors/angular-route.js"></script>
    <script src="../Scripts/app.js"></script>
    <script src="../Scripts/Controllers/Index.js"></script>    
</head>
<body>
    <table>
        <tr>
            <td colspan="2" class="header">
                <h2>Website header</h2>
            </td>
        </tr>
        <tr>
            <td class="leftMenu">
                <a href="#/Home">Home</a>
                <a href="#/Courses">Courses</a>
            </td>
            <td class="mainContent">
                <ng-view></ng-view>
            </td>
        </tr>
        <tr>
            <td colspan="2" class="footer">
                <b>Website footer</b>
            </td>
        </tr>
    </table>
</body>
</html>

Index.js

angular.module('AngularJS')
    .config(function ($routeProvider) {
        $routeProvider
            .when('/Home', {
                templateUrl: 'Templates/Home.html',
                controller: 'HomeController'
            })
            .when('/Courses', {
                templateUrl: 'Templates/Courses.html',
                controller: 'CoursesController'
            });
     })
     .controller('HomeController', function ($scope) {
        $scope.title = 'Home page';
     })
     .controller('CoursesController', function ($scope) {
        $scope.Courses = [
            'C', 'C++', 'C#', 'SQL Server', 'AngularJS', 'ASP.NET MVC'
        ];
    });

我做错了什么？提前感谢。

在您的

href

中使用此代码

<td class="leftMenu">
    <a href="/#/Home">Home</a>
    <a href="/#/Courses">Courses</a>
</td>

您刚刚错过了一个正斜杠。

您的代码应该可以工作。检查是否添加了正确的angular.js和angular-route.js引用

还要检查模板的路径

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.10/angular.min.js"></script>
  <script src="https://code.angularjs.org/1.2.0rc1/angular-route.js"></script>

这是工作状态，是有角度的还是有角度的？这个问题再复杂不过了它是AngularJS。。。很抱歉，您可以显示错误消息吗？没有错误。没有任何错误。如果我添加了一个正斜杠，则在单击链接后会显示IIS错误页面。这不是回答“如果”是否表示您尚未尝试？我把它用在了我所有的网站上，对我来说没有一个问题。如果他错过了那一个，它总是会显示一个错误，先生。是的，对！希望他没有在模板上添加任何表达式来显示信息Bingo。。我为AngularJS和route.js添加了CDN链接，它确实起了作用。我不知道我的静态引用有什么问题。静态引用适用于除此之外的整个应用程序。无论如何，非常感谢：）

  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.10/angular.min.js"></script>
  <script src="https://code.angularjs.org/1.2.0rc1/angular-route.js"></script>