異なるモジュールのコントローラ間でデータを共有する方法

Question

Angular UI Bootstrap Datepickerをダウンロードしましたが、スコープのコントローラにアクセスする必要があります。しかし、私はDatepickerのコードを編集することなくそれをどうやってやるべきか分かりません。

だから私は自分のアプリケーション/モジュール、myAppを持っていると私はui.bootstrap.datepickerアプリ/モジュールであるUibDatepickerControllerとUibDaypickerController、へのアクセスを必要とするコントローラMyControllerを、持っています。そして私はui.bootstrap.datepickerモジュールのコードを変更したくありません。

これは基本的にはthe same problemですが、前に投稿しましたが、私はそれを多く考え出しました。あなたがサービスを注入することができるようにコントローラを注入することができないので、（これで50時間を過ごした：D）

This solutionは動作しません。ここで

は、私のデザインのようなものです：

コントローラー：

function MyCtrl() { 
var vm = this; 
vm.dt = new Date(); 
vm.options = { 
    ... 
}; 
vm.refresh = function() { 
    //returns initialized value all the time (current date) 
    console.log(vm.dt); 
    $("#calendar").data("$uibDatepickerController").refreshView(); 
} 
}; 
angular.module('myApp') 
    .controller('MyCtrl', MyCtrl); 

HTML：あなたは注入

app.factory('thisfactory',function(){ 
    var data = null; 
    var get = function(){ 
    return data; 
    } 
    var save = function(newData){ 
    data = newData; 
    } 
    return {get:get,save:save} 
}); 

：

<div ng-controller="CalendarCtrl as calCtrl"> 
    <pre>Selected date is: <em>{{calCtrl.dt | date:'fullDate' }}</em> 
    </pre> 
    <div style="display:inline-block"> 
    <div uib-datepicker="" id="calendar" ng-model="calCtrl.dt" datepicker-options="calCtrl.options"></div> 
    </div> 
    <button ng-click="calCtrl.refresh()">Refresh</button> 
</div> 

Answer 1

はあなたのようなサービス何かを作ります工場をeaにchコントローラを使用して、saveメソッドとgetメソッドを使用してデータを前後に渡します。

Answer 2

実際に別のモジュールまたはコントローラで、ビューに設定された値にアクセスする必要がある場合。あなたはナイルズが言及したことを行うことができます。または、時計をセットアップしてから他のモジュール、コントローラーが値にアクセスできるようにブロードキャストできますが、参照はできません。

(function(){ 
    angular.controller("testController", testController); 
    angular.controller("otherController", otherController); 

    testController.$inject = ["$scope", "$rootScope"]; 
    otherController.$inject = ["$scope"]; 

    function testController($scope, $rootScope) { 
     var vm = this; 
     $scope.$watch("vm.datePicker", function(newValue){ 
      $rootScope.$broadcast("DATEPICKER_CHANGED", newValue); 
     }); 
    } 

    function otherController($scope) { 
     var vm = this; 

     $scope.$on("DATEPICKER_CHANGED", function(event, obj) { 
      console.log(obj); 
     }); 
    } 
})();