Question

我一直在打击过去几个小时可能是一个愚蠢的错误。我的角度.config模块没有被调用，我无法找出原因。

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

所有文件都正常加载，我可以跟踪代码执行到app.config行，但传递函数内的断点永远不会被命中，并且console.logs都没有被触发。我在这做错了什么？我之前制作了有角度的应用程序，从未遇到过这个问题。我可能在某个地方错过了一个错字，但是如果我能找到它就该死的。

我的 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'
  });
});

Answer 1

我认为你已经忘记了

ng-app="pagednaApp"

Answer 2

把ng-app

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

Answer 3

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

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

<强> CODE

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

感谢。

Angular .config没有被调用

3 个答案: