在过去的几个小时里,我一直在为可能是一个愚蠢的错误而苦苦思索。我的 angular .config 模块没有被调用,我不知道为什么。
为了消除潜在的麻烦源,我已将我的应用缩减为只有入口点 index.js 文件,并且不注入(inject)除 ngRoute 之外的任何依赖项。
所有文件都加载得很好,我可以跟踪代码执行到 app.config 行,但传递的函数内的断点永远不会被命中,并且 console.logs 都不会触发。我在这里做错了什么?我以前制作过 Angular 应用程序,但从未遇到过这个问题。我可能在某处遗漏了一个拼写错误,但该死的如果我能找到它。
我的index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="static/css/style.css">
</head>
<body>
<div class="container">
<div class="row" id="controls">
...
</div>
<div class="row" id="content">
<div ng-view></div>
</div>
<div class="row" id="footer">
...
</div>
</div>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="angular-route.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<!--<script type="text/javascript" src="static/js/services.js"></script>
<script type="text/javascript" src="static/js/controllers.js"></script>-->
<script type="text/javascript" src="static/js/index.js"></script>
</body>
</html>
我的index.js:
'use strict';
/*global angular*/
var app = angular.module('pagednaApp', ['ngRoute'/*, 'pagednaApp.services', 'pagednaApp.controllers'*/]);
app.config(function($scope, $routeProvider){
console.log('test');
console.log($scope);
$routeProvider
.when('/', {
templateUrl: 'content.html',
controller: 'mainController'
});
});
最佳答案
我想你忘记了
ng-app="pagednaApp"
关于javascript - Angular .config 未被调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28379881/