Angular JS 错误：未检测到模块答案

【问题标题】：Angular JS Error: No module detectedAngular JS 错误：未检测到模块
【发布时间】：2016-02-12 10:40:50
【问题描述】：

我开始使用 AngularJS 在我的网站的会员部分工作。

v0.1.0.php

<!DOCTYPE html>
<html>
  <head>
        <meta charset="utf-8">
        <title><?php echo ucfirst($_SERVER['PHP_AUTH_USER']); ?>'s dashboard</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
        <script src="../jquery-2.1.4.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        <script src="app.js" type="text/javascript"></script>
  </head>
  <body ng-app="usr" ng-controller="userControll as users" ng-init=<?php echo "'users.setUser(" . $_SERVER['PHP_AUTH_USER'] .")'"?>><!-- since I'm using server auth, to transfer to angular-->
        <div style="background-color: #000000; color: #c0c0c0;">
              <div class="container">
                    <img ng-src="{{users.user.icon}}" alt="avatar" />
                    <h1>{{users.user.name}}</h1>
                    <i>@<?php echo $_SERVER['PHP_AUTH_USER']; ?></i>
              </div>
        </div>
        <div class="container">
              <h1>Dashboard</h1>
              <!--Nav tabs-->
              <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
                    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
              </ul>
              <div class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active" id="home"><h1>Home</h1><br>{{users.user.data}}</div>
                    <div role="tabpanel" class="tab-pane fade" id="profile">
                          <h2>{{users.user.name}}</h2>
                          <hr>
                          <span style="color: gray">Coming soon</span>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="settings">
                          <h2>Settings</h2>
                          <span style="color: gray">Coming soon</span>
                          <hr>
                          <h3>About</h3>
                          <i>v0.1.0<br>&copy; Imagifight Studios 2015</i>
                    </div>
              </div>
        </div>
  </body>
</html>

app.js

(function(){
  var app = angular.module('usr', []);
  var userData = $.ajax({
        dataType: 'json',
        url:'user-data.json'
  })
  .done(function(data) {
        $.each(function(data){
              $.parseJSON(data);
        });
  }).fail(console.error('Damn. Didn\'t work.'));

  app.controller('userControll', function(){
        this.setUser = function(u){
              this.user = userData[u];
        }
  })
})();

用户数据.json

{
  "imagifight": {
        "name": "Imagifight",
        "email": "imagifight@gmail.com",
        "status": "owner",
        "icon": "icons/imagifight.png"
  }
}

抛出错误：

该死。没有工作
（匿名函数）@app.js:11

看不到 ajax 出错的地方。也没有语法错误。也许我在这里遗漏了一些东西，我不知道。关于如何解决的任何想法？

【问题讨论】：

fail 给出错误消息或代码 .. 告诉您 ajax 失败.. 尝试 .fail(console.log); 或 .fail(console.error);
看看这个fiddle
看看这个fiddle。您要实现的目标存在一些问题..虽然我是通过一些肮脏的黑客来完成的，但您可以从代码中看到它
对于url:我是url: 'user-data.json'还是url: 'http://www.imagifight.in/usr/user-data.json'？
它们中的任何一个都可以......如果 user-data.json 在同一个目录中，你可以这样做 url: 'user-data.json' .. 两者都可以......

标签： javascript html angularjs ajax

【解决方案1】：

您的报价有问题。转义为

console.error('Damn. Didn\'t work.')

【讨论】：

【解决方案2】：

你有 ' 里面的控制台错误。

更改：console.error('Damn. Didn't work.')

收件人：console.error('Damn. Didn\'t work.')

【讨论】：

对不起。我忘了在这里逃脱。我已经在我的代码中做到了。