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

我受这个问题困扰。出于某种原因，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

来源

2014-11-23 user2690440

必须在HTML链接的页面，以应用模块标签是这样的：

< html lang =“en”ng-app =“qc” />

来源

2015-07-27 18:40:33

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

回答

相关问题