AngularJS中控制器与Factory间共享$scope及file变量的方法

你这里的核心问题是Factory本身没法直接拿到控制器里的$scope.file——毕竟Factory是Angular里的单例服务，跟控制器的作用域完全不搭边。不过有几个简单的办法能解决这个共享变量的需求，我给你拆解一下：

方法一：调用Factory方法时传入file参数 #

这是最直接的方式，把$scope.file作为参数传给Factory的方法就行，不需要额外的状态维护。

修改后的Factory代码：

.factory('fileCategoryList', function () {
  // 假设这里是你的categories数据
  var categories = {
    docs: ['文档1', '文档2'],
    images: ['图片1', '图片2']
  };

  return {
    get: function(file) { // 新增file参数
      if(file){
        return categories;
      } else{
        return null; // 或者返回空数组/你需要的默认值
      }
    }
  };
});

控制器里调用Factory的方式：

.controller('fileCategoryController', function($scope, fileCategoryList) {
  if(!$scope.file) {
    return;
  } else {
    console.log($scope.file);
    // 调用get方法时传入$scope.file
    var currentCategories = fileCategoryList.get($scope.file);
    // 这里就可以使用拿到的categories了
  }
});

方法二：在Factory里维护一个可读写的file属性 #

如果需要在多个组件或控制器之间共享同一个file实例，这种方式更合适——Factory作为单例，它的状态会在整个应用生命周期里保持。

Factory代码：

.factory('fileCategoryList', function () {
  var currentFile = null;
  var categories = {
    // 你的categories数据
  };

  return {
    // 提供设置file的方法
    setFile: function(file) {
      currentFile = file;
    },
    get: function() {
      if(currentFile){
        return categories;
      } else{
        return null;
      }
    }
  };
});

控制器里同步file到Factory：

.controller('fileCategoryController', function($scope, fileCategoryList) {
  if(!$scope.file) {
    return;
  } else {
    console.log($scope.file);
    // 将$scope.file同步到Factory的状态中
    fileCategoryList.setFile($scope.file);
    // 之后任何地方调用get都能基于这个file返回结果
    var currentCategories = fileCategoryList.get();
  }
});

方法三：用$watch自动同步动态变化的file #

如果$scope.file是会动态更新的（比如用户上传新文件时），可以用Angular的$watch监听它的变化，自动同步到Factory：

控制器代码：

.controller('fileCategoryController', function($scope, fileCategoryList) {
  // 监听$scope.file的变化，一旦更新就同步到Factory
  $scope.$watch('file', function(newFile) {
    if(newFile) {
      fileCategoryList.setFile(newFile);
      // 同步后立即获取最新的categories
      var currentCategories = fileCategoryList.get();
      // 这里可以处理categories的更新逻辑
    }
  });
});

各方法适用场景 #

• 方法一：适合单次调用、不需要在多个地方共享file状态的简单场景；
• 方法二：适合需要在多个控制器/组件间共享同一个file实例的场景；
• 方法三：适合file会动态变化，需要自动同步到Factory的场景。

最后要提醒你：原来的代码里直接在Factory里用$scope.file是行不通的，因为Factory没有注入$scope，也不属于任何控制器的作用域上下文，根本拿不到这个变量~

内容的提问来源于stack exchange，提问作者zomdar