javascript - Angular – 如何使资源全局化？

Question

我目前正在成功地将音轨资源加载到我网站的“作品”页面。以下是我的“Works” Controller 如何实现这一目标:

'use strict';

angular.module('appName')
  .controller('WorksCtrl', function ($scope, $http, socket) {
    $scope.works = [];

    $http.get('/api/works').success(function(works) {
      $scope.works = works;
      socket.syncUpdates('work', $scope.works);
    });
  });

但是，现在我需要在整个网站上全局访问我的轨道。我可以通过我的中央 app.js 中的工厂来实现这一点吗？如果可以，如何实现？

Answer 1

'use strict';

angular.module('appName')
  .controller('WorksCtrl', function ($scope, WorksFactory) {
    $scope.WorksFactory = WorksFactory; //can refer to works in the view from WorksFactory.works
  });
  .factory('WorksFactory', function ($http, socket) {
    var fact = { works: []};

    $http.get('/api/works').success(function(works) {
      angular.copy(works, fact.works);
      socket.syncUpdates('work', fact.works);
    });
    return fact;
  });