1

私は次のhtmlを持っています:

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

そして次のコーヒースクリプト：

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

アプリを実行すると、入力ボックスに入力したテキストの代わりに {{data.message}} が出力されます。html からモジュールの依存関係を削除し、div 内の親からデータを取得すると、正常に動作します。これにより、モジュールが作成されていないと思います。私のコードの問題は何ですか?

4

1 に答える 1