如何在我的情況下傳遞http請求結果？

Question

我想要獲取http請求結果給我的子控制器。

我有類似

<div ng-controller = "parentCtrl"> 
    <button ng-click="callApi()">click me</button> 

    <div ng-controller = "childCtrl"> 
     <div>{{productDetail}}</div> 
    </div> 
</div> 

angular.module('App').controller('parentCtrl', ['$scope','myFactory', 
    function($scope, myFactory) { 
     $scope.callApi = function() { 
      myFactory.request(id) 
       .then(function(data) { 
        $scope.productDetail = data 
        //do something in parent controller here.... 
       }) 

     } 
    } 
]); 

angular.module('App').controller('childCtrl', ['$scope', 
    function($scope) { 
     //I am not sure how to get the productDetail data here since it's a http request call. 
    } 
]); 



angular.module('App').factory('myFactory', function($http) { 
    var service = {}; 

    service.request = function(id) { 
     return createProduct(id) 
      .then(function(obj) { 
       productID = obj.data.id; 
       return setProductDetail(productID) 
      }) 
      .then(getDetail) 
      .then(function(productDetail) {    
       return productDetail.data 
      })   
    } 
    var createProduct = function(id) { 
     return $http.post('/api/product/create', id) 
    } 

    var setProductDetail = function(id) { 
     return $http.post('/api/product/setDetail', id) 
    } 

    var getDetail = function() { 
     return $http.get('/api/product/getDetail') 
    } 

    return service; 
}); 

我能夠獲得請求的結果我parentCtrl但我不知道如何將它傳遞給我的孩子控制器。任何人都可以幫助我嗎？

謝謝！

Answer 1

電位接近：

1）注入myFactory到子控制器也是如此。

2）直接從內childCtrl訪問父範圍：

$scope.$parent.productDetail 

3）如果從HTML想要訪問

$parent.productDetail 

以上假設您想要訪問該值具體地爲一個單獨的子範圍上的潛在版本（現有代碼未顯示）。

如果它是一個子範圍，並且子範圍（或範圍之間）沒有任何內容被命名爲productDetail，並且您沒有在具有該名稱的子範圍中設置原始值，那麼您應該能夠直接通過原型繼承來看價值（但是列出的三種情況中的任何一種都可能迫使需要通過父代進行引用）。