각도 + 익스프레스 - 바인딩되지 않은 데이터

익스프레스를 사용하여 각도 템플릿과 스크립트를 제공하고 있습니다. 내 public/views/index.html은 다음과 같습니다각도 + 익스프레스 - 바인딩되지 않은 데이터

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

을 보여줍니다

<!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이다. 내가 뭘 놓치고 있니?

출처

2013-10-02 tldr

중간 및 컨트롤러 선언에서 주변 기능을 제거해보십시오. –

두 번째 스크립트 태그를 닫지 않았습니다. –

하지만 모듈과 컨트롤러 변수가 글로벌 네임 스페이스에 누출됩니다. 어쨌든 왜 그렇게 중요합니까? 'angular'변수는 전역 변수이며 ng-app는 정의 된 모든 모듈을 찾아야합니다. 그렇지 않습니다. – tldr

구문 오류입니다. 두 번째 스크립트 태그를 닫으십시오.

출처

2013-10-02 05:29:41

각도 + 익스프레스 - 바인딩되지 않은 데이터

답변

관련 문제