sharing $scope between controller and factory in AngularJS

Question

I have a variable 'file' that is being passed to a directive which i am using in the same controller. Now i want to use that same 'file' in the factory that i am creating but i'm not sure if there is an easy way to share that same variable between controller and factory.

for example...

fileCategory.directive.js:

.directive('fileCategory', function () {
      return {
        templateUrl: '...'
        restrict: 'EA',
        replace: true,
        scope: {
          file: '='
        },
        controller: 'fileCategoryController'
      };
    });

fileCategory.controller.js:

.controller('fileCategoryController', function($scope) {

      if(!$scope.file) {
        return;
      } else {
        console.log($scope.file);        
      }

fileCategory.factory.js

.factory('fileCategoryList', function () {

  categories.get = function() {
    if($scope.file){
      return this.categories;
    } else{
      return;
    }
  };

I want to be able to use $scope.file in my factory like so...

do you mind providing me an example? not too familiar with how to use $rootScope — zomdar
– zomdar, Commented Jan 22, 2018 at 15:47
same code what you are using, inject $rootScope and check. — Bharadwaj
– Bharadwaj, Commented Jan 22, 2018 at 15:47
@Bharadwaj that is just promoting a bad practice that shouldn't be used — charlietfl
– charlietfl, Commented Jan 22, 2018 at 15:56
@Bharadwaj no it is not and using it as a data store is a well recognized poor practice — charlietfl
– charlietfl, Commented Jan 22, 2018 at 16:00

Helen · Accepted Answer · 2018-01-22 16:19:08Z

2

Using $rootScope is possible here, but please don't use it in this case. Better practice is use service for storing data, and manipulate between different components. When your application will grow, it can be problem store more data in global $rootScope.

.service('CategoryService', function () {
 this.file = ...
  }

then implement service to controller, factory or anywhere you need

.controller('fileCategoryController', function($scope, CategoryService ) {
      $scope.file = CategoryService.file

      if(!CategoryService.file) {
        return;
      } else {
        console.log($scope.file);        
      }

answered Jan 22, 2018 at 16:19

Helen

2112 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

sharing $scope between controller and factory in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related