2013-09-21 5 views
1

У меня есть следующий HTML:Невозможно создать угловую модуль JS в CoffeeScript

<!DOCTYPE html> 
<html> 
<head> 
    <title>Angular JS</title> 
    <script type="text/javascript" src="/javascripts/app.js"></script> 
</head> 
<body> 

<div ng-app="myApp"> 

    <div ng-controller="FirstController"> 
     <input type="text" ng-model="data.message"> 
     <h1>{{data.message}}</h1> 
    </div> 


    <div ng-controller="SecondController"> 
     <input type="text" ng-model="data.message"> 
     <h1>{{data.message}}</h1> 
    </div> 

</div> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
</body> 
</html> 

и следующий CoffeeScript:

window.myApp = angular.module 'myApp', [] 

myApp.factory 'Data', -> 
    return message : 'I am data from a factory' 

myApp.controller 'FirstController', ($scope, Data) -> 
    $scope.data = Data 

myApp.controller 'SecondController', ($scope, Data) -> 
    $scope.data = Data 

Когда я запустить приложение, он печатает {{данные. message}} вместо текста, который я вводил в поле ввода. Когда я удаляю зависимость модуля от html и получаю данные от родителя в div, он отлично работает. Это заставляет меня думать, что модуль не создается. В чем проблема с моим кодом?

+2

Попробуйте положить тег сценария в голову после скрипта библиотеки. – fncombo

+0

Пробовал, не работал – tldr

+0

Получаете ли вы какой-либо результат на консоли JavaScript? –

ответ

4

После сценария библиотеки вам нужно поместить тег сценария в head.

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