AngularJSモデル、複数の$スコープ、双方向データ結合

Question

AngularJSはモデルに特別な構文を必要としませんが、私の周りを包み込むことはできません。私はその後、場合

app.controller('display', function($scope, dataService) { 
    $scope.data = dataService.getData(); 
}); 

app.controller('editor', function($scope, dataService) { 
    $scope.data = dataService.getData(); 
}); 

：

app.factory('dataService', function() { 
    var data = 'Foo Bar'; 

    return { 
     getData: function() { 
      return data; 
     } 
    }; 
}); 

私は両方が同じデータにアクセスする二つのコントローラを持っている：以下

私のDataServiceは、私が使用しているデータストレージのどんな味ラップしてください2つのビューがあり、そのうちの1つがデータを変更しますが、他のビューは自動的に更新されません。

私はノックアウト観測可能オブジェクトにしなければならないノックアウトのようなものでこれがどのように機能しているのか分かります。したがって、アプリケーションの一部の変更はサブスクリプションをトリガーし、別のビューではビューを更新します。しかし、私はAngularでそれについてどうやって行くのか分かりません。

アドバイスはありますか？

Answer 1

私はそれが動作するように提案する変更はほとんどありません。

HTML

<div ng-controller="display"> 
    <p>{{data.message}}</p> 
</div> 

<div ng-controller="editor"> 
    <input type="text" ng-model="data.message"/> 
</div> 

スクリプト

app.factory('dataService', function() { 
    var data = {message: 'Foo Bar'}; 

    return { 
     getData: function() { 
      return data; 
     } 
    }; 
}); 

デモ入力フィールドをバインドするタイプ

使用ng-modelオブジェクト文字列からの変更データオブジェクトを： Fiddle

Answer 2

私は同じ状況で立ち往生していませんが、私に飛びつくことはあなたがスコープに固執していることです。スコープが議論された角度の動画がありました。モデルオブジェクトをスコープに配置し、スコープをモデルオブジェクトとして使用しないでください。

例では、文字列dataでそれぞれ2つのスコープが作成されます。 dataは文字列で不変なので、変更するとエディタのスコープ内で置き換えられます。あなたの例では、dataServiceオブジェクトを返し、そのオブジェクトがコントローラ間で共有されている場合、問題が解決される可能性があります。 dataServiceの返信を{データ：data}のmodelにして、dataの代わりにmodel.dataにバインドしてください。

これはテストされていませんが、私がどのように角の動作を知っているかに基づいて動作する必要があります。