Javascript 基本角度（装订未显示）_Javascript_Angularjs_Data Binding

Javascript 基本角度（装订未显示）

javascript angularjs data-binding

Javascript 基本角度（装订未显示）,javascript,angularjs,data-binding,Javascript,Angularjs,Data Binding,我有以下目录： -flapper-news -app.js -index.html 在app.js中，我有： angular.module('flapperNews', []) .controller('MainCtrl', [ '$scope', function($scope){ $scope.test = 'Hello world!'; }]); 在index.html中，我有以下内容： <html> <head> <title&g

我有以下目录：

-flapper-news
  -app.js
  -index.html

在app.js中，我有：

angular.module('flapperNews', [])
.controller('MainCtrl', [
'$scope',
function($scope){
  $scope.test = 'Hello world!';
}]);

在index.html中，我有以下内容：

<html>
  <head>
    <title>My Angular App!</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
    <script src="app.js"></script>
  </head>
  <body ng-app="flappeNews" ng-controller="MainCtrl">
    <div>
      {{test}}
    </div>
  </body>
</html>

显然不行。在我的浏览器控制台中，我看到：

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.19/$injector/modulerr?p0=flappeNews&p1=Erro…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.19%2Fangular.min.js%3A18%3A139)

我曾尝试更改angular的版本，并在angular模块中包含ngroute，但没有任何效果。你知道发生了什么吗？

你身上的是

ng app=“flappeNews”

而不是

ng app=“flapperNews”

<body ng-app="flapperNews" ng-controller="MainCtrl">

你的身体上有

ng app=“flappeNews”

而不是

ng app=“flapperNews”

<body ng-app="flapperNews" ng-controller="MainCtrl">

试试这个，它正在工作：

使用

ng app=“flapperNews”

而不是

ng app=“flappeNews”

Plnkr:

试试这个，它正在工作：

使用

ng app=“flapperNews”

而不是

ng app=“flappeNews”

Plnkr:

typo

flapperNews

在

ng应用程序

指令中缺少

。

typo

flapperNews

在

ng应用程序

指令中缺少

。。