如何在我的情况下传递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，并且您没有在具有该名称的子范围中设置原始值，那么您应该能够直接通过原型继承来看价值（但是列出的三种情况中的任何一种都可能迫使需要通过父代进行引用）。