Question

我被这个问题困扰了。出于某种原因，Angular路由根本不起作用。我只是得到一个空白的屏幕。所有模块都在加载，控制台中没有错误，如果我在控制台中输入Angular，它就可以正常工作。然而，我得到一个空白的屏幕。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QuickCalcs</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link rel="stylesheet" href="css/ng-animation.css">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/angular.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/angular-route.min.js"></script>
<script src="js/angular-animate.min.js"></script>
<script src="js/app.js"></script>
<script src="js/factories.js"></script>
<script src="controllers/qcController.js"></script>
</head>
<body ng-app="qc">

<div ng-view></div>

</body>
</html>


-----------------------------
app.js file is:
-----------------------------
var qc = angular.module('qc', [
    'ngRoute',
    'ngAnimate',
    'ngResource'
    ]);

qc.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/', {
        templateUrl: 'views/home.html',
        controller: 'qcController'
}). 
    when('/home', {
        templateUrl: 'views/home.html',
        controller: 'qcController'
}).
    when('/results', {
        templateUrl: 'views/results.html',
        controller: 'qcController'
}). 
    otherwise({
    redirectTo: 'views/home.html'
});
}]);
-----------------------------
Directory structure is:
-----------------------------

QC / JS app.js /意见 home.html的 results.html /控制器 qccontroller.js

Answer 1

您必须将您的页面链接到应用程序模块在这个html标签中：

＆LT; html lang =“en” ng-app =“qc” /＆gt;

角度路由不工作 - 空白屏幕

1 个答案: