$httpProvider.interceptors内で設定した値を各コントローラーに伝搬したい

$httpProvider.interceptors内のresponseで
あらかじめ定義してあるサービスの、isReadを変更して
別のcontrollerにその値を伝搬させたいです。

以下のようにコントローラでは、ng-showにisReadを
紐付けています。

ところが、ng-showでの表示が
$httpProvider.interceptors内で設定した
値と連動しません。

どなたか原因わかる方がいらっしゃいましたら
お知恵を頂ければ幸いです。
よろしくお願いいたします。

angular.module('myApp', ['・・・・・・')
.factory('data', function () {
return { isRead: false };
}
.controller('AController',
[・・・, 'data', function(・・・, data) {
$scope.data = data;
}])
.controller('BController',
[・・・, 'data', function(・・・, data) {
$scope.data = data;
}]);

$httpProvider.interceptors.push(
[ '$q', '$log', 'data', function ($q, $log, data) {
return {
'request': function(config) {
return config;
},
'response': function(response) {

		if 何かの判定 {
                            // ここで設定した値が各コントローラーに届かない
			data.isRead = true;
		}
		...以下省略

行動規範の内容に同意します

回答1件

ベストアンサー

検証してみたところ、問題なく動きました。（JS Bin)

HTML
1<!DOCTYPE html>
2<html>
3<head>
4<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
5  <meta charset="utf-8">
6  <meta name="viewport" content="width=device-width">
7  <title>JS Bin</title>
8</head>
9<body ng-app="myApp">
10<div ng-controller="FirstCtrl">
11  <input type="text" ng-model="Data.FirstName">
12  <br>Input is : <strong>{{Data.FirstName}}</strong>
13  <br><button ng-click='btn_click()'>$http test</button>
14</div>
15<hr>
16<div ng-controller="SecondCtrl">
17  Input should also be here: {{Data.FirstName}}
18</div>
19</body>
20</html>

JavaScript
1var myApp = angular.module('myApp', []);
2
3myApp.factory('Data', function () {
4    return { FirstName: '' };
5})
6.config(['$httpProvider', function($httpProvider) {
7  
8  $httpProvider.interceptors.push(function($q, Data) {
9    return {
10      'response': function(response) {
11        console.log('OK!');
12         Data.FirstName = 'OK!';
13        return response;
14      },
15      // optional method
16     'responseError': function(rejection) {
17        console.log('ERROR!');
18         Data.FirstName = 'ERROR!';
19        return $q.reject(rejection);
20      }
21    };
22  });
23  
24}]);
25
26myApp.controller('FirstCtrl', function ($scope, $http, Data) {
27    $scope.Data = Data;
28    $scope.btn_click = function() {
29      console.log('click!');
30      $http({
31        method: 'GET',
32        url: '/'  // for test only purpose.
33      })
34      .then(function successCallback(response) {
35        console.log('done!');
36      },
37      function errorCallback(response) {
38        console.log('error! - ' + response.status);
39      });
40    };
41});
42
43myApp.controller('SecondCtrl', function ($scope, Data) {
44    $scope.Data = Data;
45});
46