即使在服務變量中進行更改後，AngularJS手錶仍未打入控制器

這是我的代碼。即使在服務變量中進行更改後，AngularJS手錶仍未打入控制器

sampleApp.factory('ProductService', ['$http', '$q', function ($http, $q){ 
    var req = { 
     method: 'POST', 
     url: 'ProductData.txt', 
     //url: 'http://localhost/cgi-bin/superCategory.pl', 
     headers: { 'Content-Type': 'application/x-www-form-urlencoded' }//, 
     //data: { action: 'GET' } 
    }; 
    var ProductService = {}; 
    ProductService.Products = []; 
    return { 
     GetProducts: function() { 
      var defer = $q.defer(); 
      $http(req).then(function(response) { 
       ProductService.Products = response.data; 
       defer.resolve(ProductService.Products); 
      }, function(error) { 
       defer.reject("Some error"); 
      }); 
      return defer.promise; 
     }, 

     UpdateInfo: function (ProductID, VariantID) { 

      for (i in ProductService.Products) { 
       if (ProductService.Products[i].ProductID == ProductID) { 
        for (j in ProductService.Products[i].Variants) { 
         if (ProductService.Products[i].Variants[j].VariantID == VariantID) { 
          ProductService.Products[i].Variants[j].InCart = 1; /* Updating Info Here, But its not reflecting */ 
          alert ('information updated');  // reaching here 
          break; 
         } 
        } 
        break; 
       } 
      } 
     } 
    }; 
}]); 


sampleApp.controller('ProductsController', function ($scope, $routeParams, ProductService, ShoppingCartService) { 

    $scope.Products = []; 

    $scope.GetProducts = function() { 
     ProductService.GetProducts().then 
     (
      function(response) { 
       $scope.Products = response; 
      }, 
      function(error) { 
       alert ('error worng'); 
      } 
     ); 
    }; 

    $scope.GetProducts(); 


    $scope.$watch('ProductService.Products', function(newVal) { 
     alert ('hitting watch'); // Not Reaching Here 
     $scope.Products = NewVal; 
     alert ($scope.Products); 
    }); 
});

我在某些其他服務中調用ProductService中的UpdateInfo。雖然它達到警戒（'信息更新'）;在UpdateInfo中。但沒有達到警戒狀態（'打手錶'）;在控制器中。

有人能幫我解決這個問題嗎？

來源

2015-04-04 Devesh Agrawal

除了觀察ProductsService.Products，然後在Scope中維護一個單獨的副本，爲什麼不使用相同的值本身。

在範圍內分配對服務的引用。

$scope.ProductService = ProductService;

通過這種方式，您的ProductService現在已經暴露給視圖。現在在您的HTML頁面中，您可以直接訪問ProductServices.Products，並且只要服務內部的值發生更改，它們就會自動反映到View中。

沒有髒$觀看，沒有單獨的副本。

編輯：走向由@ JB的答案，你必須命名爲產品添加屬性的服務。

像這樣的事情

return { 

      Products : [], 

      GetProducts: function() { 
       var defer = $q.defer(); 
       $http(req).then(function(response) { 
        ProductService.Products = response.data; 
        defer.resolve(ProductService.Products); 
       }, function(error) { 
        defer.reject("Some error"); 
       }); 
       return defer.promise; 
      }, 

      ........

來源

2015-04-04 06:45:00

感謝您的答覆。我非常感謝你在範圍內分配對該服務的引用。 $ scope.ProductService = ProductService;但在這種情況下，如何以及在哪裏調用服務函數「GetProducts」從數據庫中獲取數據。 – 2015-04-04 07:19:47

你可以在任何地方打電話。只要你的服務變量得到修改，你就會在視圖中反映出這些變化。一切都將保持不變，除了範圍內不會有任何產品副本，您將使用服務參考直接訪問它們。 – 2015-04-04 08:08:50

我在我的代碼中使用routeProvider。問題是當我移動到產品模板時，ProductController進入畫面。 $ scope.GetProducts（）;將在那裏調用，產品將從DB填充。現在一些服務做出了將反映的變化。現在，當我移動到一些其他模板，然後再次產品模板，然後再次$ scope.GetProducts（）;將被調用。我的最新更新產品將消失.. – 2015-04-04 08:20:31

您的手錶用於表達式「ProductService.Products」，並在控制器的範圍內進行評估。但是此表達式始終將被評估爲undefined，因爲控制器範圍沒有ProductService屬性。

需要注意的是，如果你沒有

$scope.ProductService = ProductService

它不會有太大變化。事實上，表達式仍然是未定義的，因爲ProductService沒有任何屬性Products。唯一的屬性是GetProducts和UpdateInfo，類型的函數。

來源

2015-04-04 06:41:06

即使在服務變量中進行更改後，AngularJS手錶仍未打入控制器

回答

相關問題