Угловой + Экспресс - данные не привязаны

Я использую Express для обслуживания угловых шаблонов и скриптов. Мой public/views/index.html является:Угловой + Экспресс - данные не привязаны

<!doctype html> 
<html lang='en'> 
<head> 
</head> 

<body> 
    <div ng-app='eventsApp' ng-controller='EventController'> 
     {{event.name}} <br /> 
     {{event.location}} <br /> 
    </div> 


    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js'></script> 
    <script src='javascripts/app.js'</script> 
</body> 
</html>

и мой public/javscripts/app.js является:

(function() { 
    var EventController, eventsApp; 

    eventsApp = angular.module('eventsApp', []); 

    EventController = function($scope) { 
    return $scope.event = { 
     name: 'angular bootcamp', 
     location: 'SF' 
    }; 
    }; 

    eventsApp.controller('EventController', EventController); 

}).call(this);

Но мой веб-страница просто показывает

{{event.name}} 
{{event.location}}

без подстановки значений. Что мне не хватает?

источник

2013-10-02 tldr

Попробуйте удалить окружающую функцию из объявления середины и контроллера. –

Вы не закрыли свой второй тег скрипта. –

Но это приведет к утечке модулей и переменных контроллера в глобальное пространство имен. Почему это все равно? «Угловая» переменная глобальна, и ng-app должен искать все модули, определенные на ней, нет? – tldr

Просто синтаксическая ошибка. Просто закройте свой второй тег скрипта.

источник

2013-10-02 05:29:41

Угловой + Экспресс - данные не привязаны

ответ

Смежные вопросы