javascript - 直接从 View 访问共享方法

Question

在我的 Angular 应用程序中，我使用了一个 API，它根据附加到图像请求的参数(例如 ?size=small 或 ?size=medium)提供不同尺寸的图像)。

为了让我的 View 更容易直接请求它们需要的图像大小，我想编写一堆可以从我的应用程序的任何 View 调用的方法，并返回适当的图像 URL。

我希望能够按如下方式调用方法:

getSmallImage(myImageURL),getMediumImage(另一个ImageURL)等

我已经开始为此编写工厂，详情如下:

myApp.factory('imageService', function (imageURL){
    return {
         getSmallImage: function(imageURL) {
              // do stuff with imageURL
         }
         getMediumImage: function(imageURL) {
              // do stuff with imageURL
         }
    }
});

这行得通，但如果我对工厂的理解是正确的，我仍然必须在我的 Controller 中包含我想调用的特定方法，并将它们包装在一个单独的 Controller 方法中(例如，详见 post)。

我非常没有根据的猜测是，在这种特殊情况下，肯定有一种更简单的方法可以使这些方法直接跨 View 可用，而不必在每个 Controller 中重复这些方法吗？或者这是解决此问题的推荐方法，如果是，为什么？

Answer 1

你可以把它放在 $rootScope:

app.run(function($rootScope, imageService){
  $rootScope.getSmallImage = imageService.getSmallImage;
  $rootScope.getMediumImage = imageService.getMediumImage;
})