AngularJSを使用してコントローラにデータを渡す

Question

私のアプリケーションには2つのビューがあります。 1番目のビュー入力を2番目のビュープレースホルダに渡したいと思います。私は

.service('greeting', function Greeting() { 

    var greeting = this; 

greeting.message = 'Default'; 

}) 

.controller('LogonController', function LogonController(greeting) { 
    var first = this; 

    first.greeting = greeting; 
}) 

.controller('VideoController', function VideoController(greeting) { 
    var second = this; 

    second.greeting = greeting; 

}); 

以下のサービスを作成し、以下の私の2つの貴様は、私は私も私を入力する前に、私の第一のフォームビューでデフォルトメッセージでプレースホルダを得ることを期待しています別のコントローラに

<div ng-controller="LogonController as first"> 
    <form> 
     <input type="text" data-ng-model="first.greeting.message" placeholder="{{ first.greeting.message }}"> //1ST VIEW 
    </form> 
</div> 

<div ng-controller="VideoController as second"> 
    <h1>{{ second.greeting.message }}</h1> 
<div> //2ND VIEW 

を使用して表示されています入力。

どのように私はこれを動作させるでしょう。たぶん、あなたはこの中をテストしているものは何でもブラウザ、あなたのVideoControllerを追加している閉じられていない<div>が好きではありません

Answer 1

：

<div ng-app="app"> 
    <div ng-controller="LogonController as first"> 
     <form> 
      <input type="text" data-ng-model="first.greeting.message" placeholder="{{ first.greeting.message }}"> 
     </form> 
    </div> 

    <div ng-controller="VideoController as second"> 
     <h1>{{ second.greeting.message }}</h1> 
    </div> 
</div> 

JS：

ここ

<div ng-controller="VideoController as second"> 
    <h1>{{ second.greeting.message }}</h1> 
<div> <-- this should be a closing /div 

は作業バージョンです

angular.module('app', []) 
    .service('greeting', function Greeting() { 
     var greeting = this; 
     greeting.message = 'Default'; 
    }) 
    .controller('LogonController', function LogonController(greeting) { 
     var first = this; 
     first.greeting = greeting; 
    }) 
    .controller('VideoController', function VideoController(greeting) { 
     var second = this; 
     second.greeting = greeting; 
    }); 

Working JSFiddle with above