角$資源自定義方法

Question

我跟着例子，但顯然增加了自定義的方法對資源的原型時，什麼是錯的。

app.factory('Product',function ($resource,$cacheFactory) { 
     var Product = $resource('/the/url/:id', {id: '@id'}), 
      cache = $cacheFactory('Product'), 
      products; 
     Product.prototype.all = function(){ 
      products = cache.get('all'); 
      if(typeof products == 'undefined'){ 
       products = Product.query(); 
       cache.put('all',products); 
      } 
      return products; 
     }; 
     return Product; 
    }) 

在控制器我做$scope.products = Product.all();，但我得到

Answer 1

Product.prototype.all限定一個實例方法。

你應該把它定義爲靜態方法Product.all = function(){...]。

只有這樣，你可以用$scope.products = Product.all();調用它。

Answer 2

我想這是因爲你沒有真正有一個實例呢。您需要執行此操作：

$scope.products = new Product(); 
// now you can run the all function 
$scope.products.all() 

您的其他選項是在服務級別上定義all（）方法。相反增加了原型，這是隻有在新產品（）提供的，你可以修改，如：。

app.factory('Product',function ($resource,$cacheFactory) { 
    var Product = $resource('/the/url/:id', {id: '@id'}), 
     cache = $cacheFactory('Product'), 
     products; 
    Product.all = function(){ 
     products = cache.get('all'); 
     if(typeof products == 'undefined'){ 
      products = Product.query(); 
      cache.put('all',products); 
     } 
     return products; 
    }; 
    Product.prototype.$all = function() { 
     Product.all.call(this); 
    } 
    return Product; 
}) 

這樣你會對資源Product.all（）和產品$所有（）上實例。