Angular.config未被调用

Angular .config not being called

本文关键字：调用 config Angular      更新时间：2023-09-26

在过去的几个小时里，我一直在为一个可能是愚蠢的错误而头疼。我的angular.config模块没有被调用，我不知道为什么。

为了消除潜在的麻烦来源，我已经将我的应用程序减少到只有入口点index.js文件，并且不会注入除ngRoute之外的任何依赖项。

所有文件都加载得很好，我可以将代码执行跟踪到app.config行，但传递函数中的断点永远不会被命中，console.log也不会被触发。我在这里做错了什么？我以前做过棱角分明的应用程序，从来没有遇到过这个问题。我可能在某个地方有一个打字错误，但如果我能找到的话，那就该死了。

我的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>

我的索引.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"

放入ng应用

<html lang="en" ng-app="pagednaApp">

您可以在页面上执行angular.bootstrap。这将初始化页面上的角度。

将以下代码添加到HTML页面。

代码

<script type="text/javascript">
    angular.element(document).ready(function() {
        angular.bootstrap(document, ['pagednaApp']);
    });
</script>

谢谢。

相关文章：