Основной угловой (привязка не отображается)

Question

Основной угловой (привязка не отображается)

0

У меня есть следующий каталог:

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

В app.js у меня есть:

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

В index.html.I есть следующее:

<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>

Когда я перехожу к моему index.html, и я открываю его на google chrome, просто вижу привязку так:

{{test}}

очевидно, не работает. В моей консоли браузера я вижу:

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)

Я попытался изменить версию углового и включить ngroute в мой угловой модуль, но ничего не работает. Любая идея о том, что происходит?

Javier 30 март 2016, в 10:42

Источник

3

typo @ flapperNews ... Отсутствует r в директиве ng-app .. Рабочая демонстрация
Rayon 30 март 2016, в 08:07

Теги:

javascript

angularjs

data-binding

2 ответа

1

Попробуйте это, он работает:

используйте ng-app="flapperNews" вместо ng-app="flappeNews"

Plnkr: http://plnkr.co/edit/84P1zpbHdhGOwI2oNMrQ?p=preview

Rohit Jindal 30 март 2016, в 05:14

Ещё вопросы

typo @ flapperNews ... Отсутствует r в директиве ng-app .. Рабочая демонстрация

Martijn Welker · Accepted Answer · 2016-03-30T06-13-00.000Z

У вас есть ng-app="flappeNews" вместо ng-app="flapperNews" на вашем теле.

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