Question

我认为这是一个非常基本的Angular JS问题。有人可以向我解释为什么表达。

{{hi}}

未评估，我收到以下错误：

Uncaught TypeError: angular.module is not a function

以下是plunker，代码如下。

HTML：

<!DOCTYPE html>
<html>

  <head>
    <script src="https://code.angularjs.org/2.0.0-alpha.20/angular2.sfx.dev.js"></script>
    <script src="app.js"></script>
  </head>

  <body ng-app="expressionExample">

    <div ng-controller="ExampleController" class="expressions">
    {{hi}}
</div>

    <cmp></cmp>
  </body>

</html>

JS：

angular.module('expressionExample', [])
.controller('ExampleController', ['$scope', function($scope) {
  var exprs = $scope.exprs = [];
  $scope.expr = '3*10|currency';
  $scope.hi= 'hi';
  $scope.addExp = function(expr) {
    exprs.push(expr);
  };

  $scope.removeExp = function(index) {
    exprs.splice(index, 1);
  };
}]);

Answer 1

您正在使用Angular 2.0参考

我将参考更新为1.4.0-rc1

它工作正常。这是更新的plunker：

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.4.0-rc.1" data-semver="1.4.0-rc.1" src="https://code.angularjs.org/1.4.0-rc.1/angular.js"></script>
    <script src="main.es6.js"></script>
  </head>

  <body ng-app="expressionExample">
    <div ng-controller="ExampleController" class="expressions">
    {{hi}}
    </div>
    <cmp></cmp>
  </body>

</html>

Answer 2

您好，您正在使用代码Angular 2.0插件

你已经编写了angular 1语法，所以你必须在html中编写angular 1.4.0插件，然后才能完美地工作

为什么不是我的Angular JS表达式评估

2 个答案: