By "shared service" I mean a normal AngularJS service that is injected into multiple places. Only one instance will be created and all the places where it is injected share that instance.
On Wed, Sep 24, 2014 at 5:05 PM, mark goldin <[email protected]> wrote: > What exactly is shared service? > > On Wednesday, September 24, 2014, Mark Volkmann <[email protected]> > wrote: > >> There are many ways to do what you are asking. >> >> One way is to put the data on the root scope by injecting $rootScope or >> using $scope.$root. That is frowned upon. >> >> Another way is to explicitly work with the data on the parent scope like >> this: >> $scope.$parent.foo = 'bar'; >> That's also somewhat frowned upon. >> >> Another way is for the parent to create an object that will hold data >> that is accessed when the scope hierarchy is traversed. The controller for >> the parent could do this: >> >> $scope.holder = {}; >> >> The controllers for any descendant scopes could then do this: >> >> $scope.holder.foo = 'bar'; >> and >> var foo = $scope.holder.foo; >> >> This is really just taking advantage of the dot that Eric Eslinger >> suggested. It works when the descendant scopes don't have a property named >> "holder" and traversing the hierarchy finds it in an ancestor scope. >> >> Another way is to use a shared service that is injected into all the >> controllers that need it. >> >> On Wed, Sep 24, 2014 at 4:47 PM, mark goldin <[email protected]> >> wrote: >> >>> And that is my problem. $scope is going out of scope when I move to >>> child state. So, instead of trying to work around it how can I make it >>> available everywhere? >>> >>> On Wednesday, September 24, 2014, Eric Eslinger <[email protected]> >>> wrote: >>> >>>> yeah. That's because child scopes use prototype inheritance to >>>> reference parent scope data. >>>> >>>> e >>>> >>>> On Wed, Sep 24, 2014 at 2:01 PM, mark goldin <[email protected]> >>>> wrote: >>>> >>>>> Not sure I understand, So, instead of ng-model="eventDateFrom" I >>>>> should say ng-model="data.eventDateFrom"? >>>>> >>>>> On Wed, Sep 24, 2014 at 3:40 PM, Eric Eslinger < >>>>> [email protected]> wrote: >>>>> >>>>>> Also, try putting a dot in your model. As in, instead of looking at >>>>>> $scope.value, do $scope.view.value >>>>>> >>>>>> Angular in the past at least, had issues with watching primitive >>>>>> types on the scope. >>>>>> >>>>>> https://egghead.io/lessons/angularjs-the-dot >>>>>> >>>>>> On Wed, Sep 24, 2014 at 1:36 PM, Mark Volkmann < >>>>>> [email protected]> wrote: >>>>>> >>>>>>> Add a console.log inside the callback function for the watch to >>>>>>> verify whether that is getting triggered. It seems like the ng-model >>>>>>> isn't >>>>>>> getting configured correctly. >>>>>>> >>>>>>> If that doesn't help, I suggest creating a plunk that demonstrates >>>>>>> the problem. >>>>>>> >>>>>>> On Wed, Sep 24, 2014 at 3:33 PM, mark goldin <[email protected]> >>>>>>> wrote: >>>>>>> >>>>>>>> Nope, does not look like it works. With my version it gets into >>>>>>>> localData.add >>>>>>>> when a view is loading. But with yours is not getting there at all. >>>>>>>> >>>>>>>> On Wed, Sep 24, 2014 at 3:16 PM, Mark Volkmann < >>>>>>>> [email protected]> wrote: >>>>>>>> >>>>>>>>> Do you have an input in your HTML with ng-model="eventDateFrom"? >>>>>>>>> When you change the value of the input by typing a new value in >>>>>>>>> the browser, does the watch get triggered? >>>>>>>>> Oh, I think I see the problem. You need to pass a function to >>>>>>>>> $watch like this: >>>>>>>>> >>>>>>>>> $scope.$watch('eventDateFrom', function (value) { >>>>>>>>> localData.add('eventDateFrom', value); >>>>>>>>> }); >>>>>>>>> >>>>>>>>> On Wed, Sep 24, 2014 at 3:02 PM, mark goldin < >>>>>>>>> [email protected]> wrote: >>>>>>>>> >>>>>>>>>> $scope.eventDateFrom = getFormattedDate(date); >>>>>>>>>> localData.add("eventDateFrom", $scope.eventDateFrom); // Will >>>>>>>>>> properly store key and value. >>>>>>>>>> >>>>>>>>>> $scope.$watch("eventDateFrom", localData.add("eventDateFrom", >>>>>>>>>> $scope.eventDateFrom)); // will not trigger localData.add >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> On Wed, Sep 24, 2014 at 2:58 PM, Mark Volkmann < >>>>>>>>>> [email protected]> wrote: >>>>>>>>>> >>>>>>>>>>> Show me your call to $scope.$watch. >>>>>>>>>>> >>>>>>>>>>> On Wed, Sep 24, 2014 at 2:54 PM, mark goldin < >>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>> >>>>>>>>>>>> That is exactly what I am doing, but "equivalent of >>>>>>>>>>>> setFavoriteNumber " is not getting called. >>>>>>>>>>>> >>>>>>>>>>>> On Wed, Sep 24, 2014 at 2:51 PM, Mark Volkmann < >>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>> >>>>>>>>>>>>> No. Set up the watch in your controller where you have access >>>>>>>>>>>>> to $scope. Inject the service into that controller so you can >>>>>>>>>>>>> call your >>>>>>>>>>>>> equivalent of setFavoriteNumber in the watch callback function. >>>>>>>>>>>>> >>>>>>>>>>>>> On Wed, Sep 24, 2014 at 11:50 AM, mark goldin < >>>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>>> >>>>>>>>>>>>>> Where would I watch? Right in myDataSvc? >>>>>>>>>>>>>> >>>>>>>>>>>>>> On Wed, Sep 24, 2014 at 11:47 AM, Mark Volkmann < >>>>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>>>> >>>>>>>>>>>>>>> You could watch the scope property for changes and then pass >>>>>>>>>>>>>>> the new value to the setFavoriteNumber method of the service. >>>>>>>>>>>>>>> Something >>>>>>>>>>>>>>> like this: >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> $scope.$watch('myScopeProp', myDataSvc.setFavoriteNumber); >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> On Wed, Sep 24, 2014 at 11:43 AM, mark goldin < >>>>>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>>>>> >>>>>>>>>>>>>>>> And that is what I kind of have. But my problem is that UI >>>>>>>>>>>>>>>> is bound to $scope. When I select a new vlaue that value is >>>>>>>>>>>>>>>> not getting >>>>>>>>>>>>>>>> into myDataSvc. >>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>> On Wed, Sep 24, 2014 at 11:41 AM, Mark Volkmann < >>>>>>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> One way to do that is to put the data in a service and >>>>>>>>>>>>>>>>> inject that service everywhere you need it. For example, >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> myModule.factory('myDataSvc', function () { >>>>>>>>>>>>>>>>> var svc = {}; >>>>>>>>>>>>>>>>> var favoriteNumber; >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> svc.setFavoriteNumber = function (n) { favoriteNumber = >>>>>>>>>>>>>>>>> n; }; >>>>>>>>>>>>>>>>> svc.getFavoriteNumber = function () { return >>>>>>>>>>>>>>>>> favoriteNumber; }; >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> return svc; >>>>>>>>>>>>>>>>> } >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> On Wed, Sep 24, 2014 at 11:35 AM, mark goldin < >>>>>>>>>>>>>>>>> [email protected]> wrote: >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>> I have UI that is bound to some $scope values. When I go >>>>>>>>>>>>>>>>>> deeper into my application I need to use values entered in >>>>>>>>>>>>>>>>>> UI. At some >>>>>>>>>>>>>>>>>> point data that was put on $scope by UI is not available. >>>>>>>>>>>>>>>>>> How can I share >>>>>>>>>>>>>>>>>> data collected from UI across the app? >>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>> Thanks >>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>> -- >>>>>>>>>>>>>>>>>> You received this message because you are subscribed to >>>>>>>>>>>>>>>>>> the Google Groups "AngularJS" group. >>>>>>>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails >>>>>>>>>>>>>>>>>> from it, send an email to >>>>>>>>>>>>>>>>>> [email protected]. >>>>>>>>>>>>>>>>>> To post to this group, send email to >>>>>>>>>>>>>>>>>> [email protected]. >>>>>>>>>>>>>>>>>> Visit this group at >>>>>>>>>>>>>>>>>> http://groups.google.com/group/angular. >>>>>>>>>>>>>>>>>> For more options, visit >>>>>>>>>>>>>>>>>> https://groups.google.com/d/optout. >>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> -- >>>>>>>>>>>>>>>>> R. Mark Volkmann >>>>>>>>>>>>>>>>> Object Computing, Inc. >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>> -- >>>>>>>>>>>>>>>>> You received this message because you are subscribed to a >>>>>>>>>>>>>>>>> topic in the Google Groups "AngularJS" group. >>>>>>>>>>>>>>>>> To unsubscribe from this topic, visit >>>>>>>>>>>>>>>>> https://groups.google.com/d/topic/angular/dkXHM4dufvw/unsubscribe >>>>>>>>>>>>>>>>> . >>>>>>>>>>>>>>>>> To unsubscribe from this group and all its topics, send an >>>>>>>>>>>>>>>>> email to [email protected]. >>>>>>>>>>>>>>>>> To post to this group, send email to >>>>>>>>>>>>>>>>> [email protected]. >>>>>>>>>>>>>>>>> Visit this group at http://groups.google.com/group/angular >>>>>>>>>>>>>>>>> . >>>>>>>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout >>>>>>>>>>>>>>>>> . >>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>> -- >>>>>>>>>>>>>>>> You received this message because you are subscribed to the >>>>>>>>>>>>>>>> Google Groups "AngularJS" group. >>>>>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails >>>>>>>>>>>>>>>> from it, send an email to >>>>>>>>>>>>>>>> [email protected]. >>>>>>>>>>>>>>>> To post to this group, send email to >>>>>>>>>>>>>>>> [email protected]. >>>>>>>>>>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>>>>>>> >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> -- >>>>>>>>>>>>>>> R. Mark Volkmann >>>>>>>>>>>>>>> Object Computing, Inc. >>>>>>>>>>>>>>> >>>>>>>>>>>>>>> -- >>>>>>>>>>>>>>> You received this message because you are subscribed to a >>>>>>>>>>>>>>> topic in the Google Groups "AngularJS" group. >>>>>>>>>>>>>>> To unsubscribe from this topic, visit >>>>>>>>>>>>>>> https://groups.google.com/d/topic/angular/dkXHM4dufvw/unsubscribe >>>>>>>>>>>>>>> . >>>>>>>>>>>>>>> To unsubscribe from this group and all its topics, send an >>>>>>>>>>>>>>> email to [email protected]. >>>>>>>>>>>>>>> To post to this group, send email to >>>>>>>>>>>>>>> [email protected]. >>>>>>>>>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>>> -- >>>>>>>>>>>>>> You received this message because you are subscribed to the >>>>>>>>>>>>>> Google Groups "AngularJS" group. >>>>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from >>>>>>>>>>>>>> it, send an email to [email protected]. >>>>>>>>>>>>>> To post to this group, send email to [email protected] >>>>>>>>>>>>>> . >>>>>>>>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>>>>> >>>>>>>>>>>>> >>>>>>>>>>>>> >>>>>>>>>>>>> >>>>>>>>>>>>> -- >>>>>>>>>>>>> R. Mark Volkmann >>>>>>>>>>>>> Object Computing, Inc. >>>>>>>>>>>>> >>>>>>>>>>>>> -- >>>>>>>>>>>>> You received this message because you are subscribed to a >>>>>>>>>>>>> topic in the Google Groups "AngularJS" group. >>>>>>>>>>>>> To unsubscribe from this topic, visit >>>>>>>>>>>>> https://groups.google.com/d/topic/angular/dkXHM4dufvw/unsubscribe >>>>>>>>>>>>> . >>>>>>>>>>>>> To unsubscribe from this group and all its topics, send an >>>>>>>>>>>>> email to [email protected]. >>>>>>>>>>>>> To post to this group, send email to [email protected]. >>>>>>>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>>> -- >>>>>>>>>>>> You received this message because you are subscribed to the >>>>>>>>>>>> Google Groups "AngularJS" group. >>>>>>>>>>>> To unsubscribe from this group and stop receiving emails from >>>>>>>>>>>> it, send an email to [email protected]. >>>>>>>>>>>> To post to this group, send email to [email protected]. >>>>>>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>>> -- >>>>>>>>>>> R. Mark Volkmann >>>>>>>>>>> Object Computing, Inc. >>>>>>>>>>> >>>>>>>>>>> -- >>>>>>>>>>> You received this message because you are subscribed to a topic >>>>>>>>>>> in the Google Groups "AngularJS" group. >>>>>>>>>>> To unsubscribe from this topic, visit >>>>>>>>>>> https://groups.google.com/d/topic/angular/dkXHM4dufvw/unsubscribe >>>>>>>>>>> . >>>>>>>>>>> To unsubscribe from this group and all its topics, send an email >>>>>>>>>>> to [email protected]. >>>>>>>>>>> To post to this group, send email to [email protected]. >>>>>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>>> >>>>>>>>>> >>>>>>>>>> -- >>>>>>>>>> You received this message because you are subscribed to the >>>>>>>>>> Google Groups "AngularJS" group. >>>>>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>>>>> send an email to [email protected]. >>>>>>>>>> To post to this group, send email to [email protected]. >>>>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> -- >>>>>>>>> R. Mark Volkmann >>>>>>>>> Object Computing, Inc. >>>>>>>>> >>>>>>>>> -- >>>>>>>>> You received this message because you are subscribed to a topic in >>>>>>>>> the Google Groups "AngularJS" group. >>>>>>>>> To unsubscribe from this topic, visit >>>>>>>>> https://groups.google.com/d/topic/angular/dkXHM4dufvw/unsubscribe. >>>>>>>>> To unsubscribe from this group and all its topics, send an email >>>>>>>>> to [email protected]. >>>>>>>>> To post to this group, send email to [email protected]. >>>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>>> >>>>>>>> >>>>>>>> -- >>>>>>>> You received this message because you are subscribed to the Google >>>>>>>> Groups "AngularJS" group. >>>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>>> send an email to [email protected]. >>>>>>>> To post to this group, send email to [email protected]. >>>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>> >>>>>>> >>>>>>> >>>>>>> >>>>>>> -- >>>>>>> R. Mark Volkmann >>>>>>> Object Computing, Inc. >>>>>>> >>>>>>> -- >>>>>>> You received this message because you are subscribed to the Google >>>>>>> Groups "AngularJS" group. >>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>> send an email to [email protected]. >>>>>>> To post to this group, send email to [email protected]. >>>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>> >>>>>> >>>>>> -- >>>>>> You received this message because you are subscribed to a topic in >>>>>> the Google Groups "AngularJS" group. >>>>>> To unsubscribe from this topic, visit >>>>>> https://groups.google.com/d/topic/angular/dkXHM4dufvw/unsubscribe. >>>>>> To unsubscribe from this group and all its topics, send an email to >>>>>> [email protected]. >>>>>> To post to this group, send email to [email protected]. >>>>>> Visit this group at http://groups.google.com/group/angular. >>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>> >>>>> >>>>> -- >>>>> You received this message because you are subscribed to the Google >>>>> Groups "AngularJS" group. >>>>> To unsubscribe from this group and stop receiving emails from it, send >>>>> an email to [email protected]. >>>>> To post to this group, send email to [email protected]. >>>>> Visit this group at http://groups.google.com/group/angular. >>>>> For more options, visit https://groups.google.com/d/optout. >>>>> >>>> >>>> -- >>>> You received this message because you are subscribed to a topic in the >>>> Google Groups "AngularJS" group. >>>> To unsubscribe from this topic, visit >>>> https://groups.google.com/d/topic/angular/dkXHM4dufvw/unsubscribe. >>>> To unsubscribe from this group and all its topics, send an email to >>>> [email protected]. >>>> To post to this group, send email to [email protected]. >>>> Visit this group at http://groups.google.com/group/angular. >>>> For more options, visit https://groups.google.com/d/optout. >>>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "AngularJS" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at http://groups.google.com/group/angular. >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> >> >> -- >> R. Mark Volkmann >> Object Computing, Inc. >> >> -- >> You received this message because you are subscribed to a topic in the >> Google Groups "AngularJS" group. >> To unsubscribe from this topic, visit >> https://groups.google.com/d/topic/angular/dkXHM4dufvw/unsubscribe. >> To unsubscribe from this group and all its topics, send an email to >> [email protected]. >> To post to this group, send email to [email protected]. >> Visit this group at http://groups.google.com/group/angular. >> For more options, visit https://groups.google.com/d/optout. >> > -- > You received this message because you are subscribed to the Google Groups > "AngularJS" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > -- R. Mark Volkmann Object Computing, Inc. -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
