$ scopeを使用せずに$ http.get応答をコントローラに返す

Question

私は何時間も探していましたが、解決策を見つけることができませんでした。私はAngularJSアプリケーション内の別のjsonファイルからデータを取得しようとしています。 $ httpを使って私が望むデータを取得します。 しかし、私は複数の場所でそのファイルから特定のデータを取得したいと思います。このサービスでは、コントローラがデータを取得するために呼び出すことができる（サービスが$ httpを使用して取得した）いくつかの関数を定義します。 問題は、すべてのデータをコントローラに直接返すか、または後でサービスで使用しようとすると、割り当てられた変数が定義されていないということです。 コントローラーを構文として使用しようとしましたので、私は$ scopeを使いたくありません。しかし、私が見つけたすべての解決策は、$ scopeを使うことを示唆しています。このコードは現在 f {$$state: {...}}を記録します。サービスの

コード：コントローラの

theApp.service('SettingsService', function($http) { 
    this.dataVar = $http.get('../settings.json') 
    .then(function(response) { 
     return response; 
    }); 
}); 

コード：

theApp.controller('SomeController', ['SettingsService', function(SettingsService) { 
    console.log(SettingsService.dataVar); 
}]); 

Answer 1

UPDATE： https://jsfiddle.net/md954y0a/

何スタートアップモジュールであなたのサービスを呼び出すについてサブモジュールに

<div ng-app='myApp' ng-controller="myctrl"> 
    {{parent}} 
    <div ng-app='myApp1' ng-controller="myctrl1"> 
    {{myApp1data}} 
    </div> 
    </div> 

JS：

angular.module('myApp', ['myApp1']).controller('myctrl', ['$scope', 'API', function($scope, API) { 
$scope.parent = API.getData(); 

}]).service('API', function($q) { 
    var object = null; 
    this.getData = function() { 
    object = { 
     obj1: "DATA1", 
     obj2: "DATA2" 
    }; 
    return object; 
    } 
}); 


angular.module('myApp1', []).controller('myctrl1', ['$scope', 'API', function($scope, API) { 
    $scope.myApp1data = API.getData().obj1 

}]);