javascript - 路由 Angular JS 不工作并且不抛出错误

Question

我尝试使用 $routeProvider。但是出了点问题，我不知道是什么。控制台没有抛出错误，我的页面没有任何反应。我很困惑。有什么解决方案吗？

这是我的代码:

var app = angular.module("admin-rv-app", ['ngRoute']);

    app.config(function($routeProvider) {
        $routeProvider

            // route for the home page
            .when('/', {
                templateUrl : 'templates/home.html',
                controller  : 'homeController'
            })

            // route for the thread page
            .when('/thread', {
                templateUrl : 'templates/thread.html',
                controller  : 'threadController'
            });

    });

app.controller('homeController', function($scope) {
    $scope.message = "Welcome Home";
});

app.controller('threadController', function($scope) {
    $scope.message = "Welcome to Thread";
});

这是我的HTML

<li>
    <a href="#">
    <i class="fa fa-home fa-3x" aria-hidden="true"></i>
    <span class="title">Home</span>
    <span class="selected"></span>
    </a>
</li>
<li>
    <a href="#thread">
    <i class="fa fa-briefcase fa-3x" aria-hidden="true"></i>
    <span class="title">Thread + Answer</span>
    <span class="selected"></span>
    </a>
</li>

顺便说一下，我包含了 angular.min.js 和 angular.route.min.js 和 ng-app="admin-rv-app "

Answer 1

我认为问题在于您如何创建 app.config。

    app.config(["$routeProvider", function($routeProvider){  
        $routeProvider.when('/', {
            templateUrl : 'templates/home.html',
            controller  : 'homeController'
        })

        // route for the thread page
        .when('/thread', {
            templateUrl : 'templates/thread.html',
            controller  : 'threadController'
        });   
}])

试试这个，不要将 $scope 添加到模块中，这只会给你更多的错误来处理。

同时将标签更改为“/thread”而不是#。

您需要为 .when 语句使用 $routeProvider，否则 angular 无法为您的不同 View 使用 $routeProvider