Question

我检查了所有可用的解决方案，但没有帮助我解决问题。我有简单的代码，但无法运行上述错误。

这是我的代码

的index.html

<!DOCTYPE html>
<html data-ng-app="piApp">

  <head>
    <script data-require="system.js@*" data-semver="0.16" src="https://jspm.io/system@0.16.js"></script> 
    <script data-require="angular.js@*" data-semver="2.0.0" src="https://code.angularjs.org/2.0.0-beta.6/angular2.min.js"></script>
    <link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body data-ng-controller="piController">
    <div class="container-

fluid">
      <div class="row">
        <div class="col-xs-12">
          <h1> Dash Board</h1>
        </div>
      </div>
      <div class="row">
        <div 

class="col-xs-12">
          <table class="table table-striped table-hover">
            <tbody>
              <tr data-ng-repeat="item in data">
               

 <td>{{item.name}}</td>
                <td>{{item.value}}</td>
              </tr>
            </tbody>
          </table>
          <div class="form-group">
    

        <button data-ng-="" click="getControllPanel()" class="btn btn-primary">Control Panel</button>
          </div>
        </div>
      </div>
    </div>
  

</body>

</html>

这是script.js

'use strict';
var app = angular.module('piApp',[]);

app.controller("piController", ["$scope",
  function($scope) {
    $scope.data = 

    [{
      name: "Temperature",
      value: 25
    }, 
    {
      name: "Humidity",
      value: 75
    },
    {
      name: "Humidity2",
      value: 75
    }];
}]);

无法理解导致上述错误的原因是什么？我需要在本地使用angular.min.js吗？我错过了一些微不足道的事情吗？

Answer 1

您已添加了angular2的依赖项，并且您已编写angularjs的代码此外，在加载脚本之前，您不能使用“data-ng-app”。因此，将其从html标记中删除，并将其添加到正文中。

在头部添加以下行：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.js"></script>

并删除前两行具有systemjs和angular2

的依赖关系

script.js：2未捕获的ReferenceError：未定义angular

1 个答案: