ReferenceError:未定义角度

ReferenceError: angular is not defined

本文关键字：未定义 ReferenceError      更新时间：2023-09-26

我正在尝试创建一个测试应用程序。因此，我使用angular js创建了一个模块和控制器，我不知道它显示的问题ReferenceError：角度未定义

<!DOCTYPE html>
<html ng-app="codeWar">
  <head>
  </head>
  <body>
    <div class="container">
      <div class="page-header">
        <h1 class="text-success">Raja's Programming Quiz</h1>
        <h3>
          <small>Learn about the programming languages below before you decide to take on <thead>
          <strong>Programming Quiz</strong></small>
        </h3>
      </div>
      <div class="" ng-controller="listCtrl as list">
        <p ng-repeat="pLanguage in list.data">
            {{pLanguage}}
        </p>
      </div>
    </div>

    <!-- Our Application scripts -->
    <script type="text/javascript" src="js/controller/list.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script src="angular/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

我创建了列表模块来加载视图中的json数据

list.js

(function() {
    angular
          .module("codeWar")
          .controller("listCtrl", ListController);
          function ListController() {
              var view_model = this;
              vm.data = programmingLanguageData;
          }
          var programmingLanguageData = [
            {
                language:"C",
          image_url:"https://lh3.ggpht.com/vrKC4cLAuEFf2-FdDfc02iuCHa5TnPRd-uecZZY8vCzxFnCN-C0PGZ-qsTKeKSIVacA=w300",
          paradigm:"Imperative (Procedural) , Structured",
          creator:"Dennis Ritchie",
            },
            {
                //json data
            }
          ]
})();

app.js

(function() {
      angular
            .module("codeWar", []);

})();

日志错误

ReferenceError：未定义角度-list.js:2:5

ReferenceError：未定义角度-app.js:2:7

错误：没有模块：codeWar-angular.min.js:17:76

在使用之前，您需要导入angular

<script src="angular/angular.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/controller/list.js"></script>
use this example http://jsfiddle.net/Lvc0u55v/3332/

尝试更改js的顺序-上angularjs然后是本地脚本，它应该可以工作。。。

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
        <script type="text/javascript" src="js/controller/list.js"></script>
        <script type="text/javascript" src="js/app.js"></script>

试试

    <script type="text/javascript" src="js/controller/list.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">    </script>
    <script src="angular/angular.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

如果它不起作用，那么将所有脚本放在</body>和</html>之间。

您应该首先加载angular.js你的脚本顺序应该是这样的：

<script src="angular/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/controller/list.js"></script>
相关文章：