Question

以下角度片段不起作用，似乎在立即调用的函数中，代码在我创建模块的地方中断，因为无法识别角度语法。

<!DOCTYPE html>
<html ng-app="MyModule">
 <head>
    <script data-require="angular.js@*" data-semver="4.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.17/angular2.min.js"></script>

  </head>
  <body ng-controller="MyCtrller">          
    <h1>Hello!</h1>
    {{ cousin }}
  </body>

</html>

<script type="text/javascript">
(function() {
    var app = angular.module("MyModule", []);
    var MyCtrller = function($scope)          ///typo here in "MyCtrller"
    {
          $scope.cousin = "Karen";
    }
    app.controller("MyCtrller", ["$scope", MyCtrller]);
}());
</script>

我希望结果是凯伦。

相反，我看到{{cousin}}

我在控制台中遇到的错误是：

未捕获的ReferenceError：未定义角度

在我创建模块的行上：

var app = angular.module("MyModule", []);

Answer 1

你的问题是你在使用后一种语法时包括v2.0版本的angular（a.k.a.Angular），而不是1.x版本（a.k.a. AngularJS）。 :) 只需更改脚本以使用正确的版本，您就应该好好去。

https://angularjs.org/

Answer 2

只需在脚本中使用AngularJs脚本而不是Angular Script，就像这样

 <script src="https://code.angularjs.org/1.6.7/angular.js"></script>

角度没有定义，为什么？

2 个答案: