Fatal编程技术网
  • angularjs/
  • AngularJS“；连接后端“；这个例子仍然不起作用

AngularJS“；连接后端“；这个例子仍然不起作用

angularjs

AngularJS“；连接后端“；这个例子仍然不起作用,angularjs,Angularjs,我正在尝试（本地）运行AngularJS中称为“连接后端”的第三个示例，但没有运气（在Chrome上） 它抱怨： Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.6/$injector/modulerr?p0=project&p1=Error%3A… oogleapis.com%2Fajax%2Flibs%2Fangularjs

我正在尝试（本地）运行AngularJS中称为“连接后端”的第三个示例，但没有运气（在Chrome上）

它抱怨：

           Uncaught Error: [$injector:modulerr]   
           http://errors.angularjs.org/1.2.6/$injector/modulerr?p0=project&p1=Error%3A…
           oogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.6%2Fangular.min.js%3A29%3A56) angular.js:3577
以下是HTML/JS文件：

index.html:

            <!doctype html>
            <html ng-app="project">
              <head>
                <script                 
                src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-
                route.js"></script>
                <script 
                src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.js">
                </script>   

                <script                 
            src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-
            resource.min.js">
                </script>   
                <script src="https://cdn.firebase.com/v0/firebase.js"></script>
                <script 
            src="https://cdn.firebase.com/libs/angularfire/0.5.0/angularfire.min.js">                                
            </script>
                <script src="project.js"></script>
              </head>
              <body>
                <h2>JavaScript Projects</h2>
                <div ng-view></div>
              </body>
            </html>
list.html

            <input type="text" ng-model="search" class="search-query"                 
                placeholder="Search">

            <table>
              <thead>
              <tr>
                <th>Project</th>
                <th>Description</th>
                <th><a href="#/new"><i class="icon-plus-sign"></i></a></th>
              </tr>
              </thead>
              <tbody>
              <tr ng-repeat="project in projects | orderByPriority | filter:search |                 
            orderBy:'name'">
                <td><a href="{{project.site}}" target="_blank">{{project.name}}</a>                
            </td>
                <td>{{project.description}}</td>
                <td>
                  <a href="#/edit/{{project.$id}}"><i class="icon-pencil"></i></a>
                </td>
              </tr>
              </tbody>
            </table>

            <form name="myForm">
              <div class="control-group" ng-class="{error: myForm.name.$invalid}">
                <label>Name</label>
                <input type="text" name="name" ng-model="project.name" required>
                <span ng-show="myForm.name.$error.required" class="help-inline">
                    Required</span>
              </div>

              <div class="control-group" ng-class="{error: myForm.site.$invalid}">
                <label>Website</label>
                <input type="url" name="site" ng-model="project.site" required>
                <span ng-show="myForm.site.$error.required" class="help-inline">
                    Required</span>
                <span ng-show="myForm.site.$error.url" class="help-inline">
                    Not a URL</span>
              </div>

              <label>Description</label>
              <textarea name="description" ng-model="project.description"></textarea>

              <br>
              <a href="#/" class="btn">Cancel</a>
              <button ng-click="save()" ng-disabled="myForm.$invalid"
                      class="btn btn-primary">Save</button>
              <button ng-click="destroy()"
                      ng-show="project.$remove" class="btn btn-danger">Delete</button>
            </form>


项目
描述
{{project.description}}
details.html

            <input type="text" ng-model="search" class="search-query"                 
                placeholder="Search">

            <table>
              <thead>
              <tr>
                <th>Project</th>
                <th>Description</th>
                <th><a href="#/new"><i class="icon-plus-sign"></i></a></th>
              </tr>
              </thead>
              <tbody>
              <tr ng-repeat="project in projects | orderByPriority | filter:search |                 
            orderBy:'name'">
                <td><a href="{{project.site}}" target="_blank">{{project.name}}</a>                
            </td>
                <td>{{project.description}}</td>
                <td>
                  <a href="#/edit/{{project.$id}}"><i class="icon-pencil"></i></a>
                </td>
              </tr>
              </tbody>
            </table>

            <form name="myForm">
              <div class="control-group" ng-class="{error: myForm.name.$invalid}">
                <label>Name</label>
                <input type="text" name="name" ng-model="project.name" required>
                <span ng-show="myForm.name.$error.required" class="help-inline">
                    Required</span>
              </div>

              <div class="control-group" ng-class="{error: myForm.site.$invalid}">
                <label>Website</label>
                <input type="url" name="site" ng-model="project.site" required>
                <span ng-show="myForm.site.$error.required" class="help-inline">
                    Required</span>
                <span ng-show="myForm.site.$error.url" class="help-inline">
                    Not a URL</span>
              </div>

              <label>Description</label>
              <textarea name="description" ng-model="project.description"></textarea>

              <br>
              <a href="#/" class="btn">Cancel</a>
              <button ng-click="save()" ng-disabled="myForm.$invalid"
                      class="btn btn-primary">Save</button>
              <button ng-click="destroy()"
                      ng-show="project.$remove" class="btn btn-danger">Delete</button>
            </form>


名称
要求的
网站
要求的
不是URL
描述


拯救
删除
我错过什么了吗

顺便说一句，我阅读了其他关于这个问题的帖子，例如：但这是angularJS的旧版本和不同的错误，显然是缺少引导css

如果我在例外情况下遵循链接，我会得到以下消息：

在AngularJS 1.2.0及更高版本中，ngRoute已移动到自己的模块中。如果升级到1.2.x后出现此错误，请确保已安装ngRoute

我只需将
angular route.min.js
添加到
index.html
的
头部
，一切似乎都按预期运行：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular-route.min.js"></script>
除此之外，我没有修改任何其他内容，所有源代码都直接从您的链接下载。

在没有看到任何代码的情况下，我们应该如何提供帮助？我下载了示例所需的四个文件（index.html、list.html.details.html和project.js，我用Chrome打开index.html，在Chrome调试器/控制台中看到了这个错误。这些文件取自示例“连接后端”在“请”中，提供Plunker的模板，或尝试修改您的尝试，并尝试重现该问题there@MaximShoustin显然，JSFIDLE仅限于一个HTML页面，而我在示例中有三个（索引、列表和详细信息）好的，使用PlunkerHi，我按照您的指示得到了这个错误：未捕获类型错误：无法调用未定义角度路由的方法'module'。js:25未捕获错误：[$injector:moduler]…oogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.6%2Fangularjs.min.js%3A29%3A56）您是否在模块的依赖项中包含了
ngRoute
？是的，像这样：angular.module（'project'，['ngRoute'，'firebase']），它给了我这个错误：[$injector:nomod]模块“ngRoute”不可用！您可能拼错了模块名称或忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。请参阅我的更新，在您的代码中，angular.js不是您加载的第一个脚本。Hi@Uri我实际运行了所有内容，但用于编辑对话框。数据不会加载当处于编辑模式时，从Firebase进入字段，因此没有发生任何事情。您是让它运行库存还是需要进行进一步的更改？