Angularjs Object Sharing

Question

Someone knows a way to send an object from one angular directive to another?

I have 2 directives and I need access to the object in both.

I’m not getting through parameter initially since the function is called through an event.

Answer 1

Remember that services and Factories are singletons. Sharing objects may not be good because in the case of multiple uses, objects will be overwritten at each call, which can compromise what you want to show on the screen. Example: Directive 1 arrow object 1, Directive 2 overrides and arrow object 2. When Directive 1 picks up the data, it will receive object 2 and not object 1, which would be expected.

If you are Parents at different hierarchy levels (Parent - Child), you can use this example to access the Scope of Directive parent through a child: https://stackoverflow.com/a/18509399/1481408

If this is not your case, use the Angularjs event system.

Example: to send an event with the object in any Scope:

var objeto = { beizer : 'huehuehue' }; $rootScope.$broadcast('pega.o.objeto', objeto);

on the receiving Directive (Scope inside the link function. If you use the controller use $Scope even):

scope.$on('pega.o.objeto', function ($event, objeto) { ... tá aqui seu objeto = { beizer : 'huehuehue' } })

Answer 2

Data sharing can be through service.

angular.module('app').service('DadosCompartilhados', function() {
  this.dados = {};
});

angular.module('app').directive('diretivaA', function(DadosCompartilhados) {
  // o serviço DadosCompartilhados será compartilhado entre todas as diretivas
  return {
     ...
  };
});

This way no $Cope is polluted nor does it require the directives to be nested.

EDIT:

the intention is that this service is shared only among the directives concerned. If in another context you need to share other (different) data, create another service. Never reuse a service for a task other than the one it was designed for.