Hi Pablo,
excellent advice, upon closer inspection I notice that my controllers
aren't nested at all. I see now that your recommended way of using a
service is the best however I am still getting used to angular and what I
did was declare the variable on the rootscope so that all my scopes could
have access to it and it worked. Is it advisable to do it this way or any
disadvantages?
On Tuesday, March 29, 2016 at 10:06:24 AM UTC+2, Pablo Madalena Targa wrote:
>
> hmmm.... ok, first thing, I'm not sure if the listLength will be updated
> just by pushing/popping an item into that array... Second unless the
> controllers are nested I think there is no way to that variable be visible
> on the other controllers.
>
> Why don't you try to move all the array logic to a service and inject this
> service on every controller... and then take the length directly from that
> array...
>
> app.service('mySpecialList', function(){
> return {list: []}
> })
>
> app.controller('ctrl1', function($scope, mySpecialList){
> $scope.myList = mySpecialList
> })
>
> app.controller('ctrl2', function($scope, mySpecialList){
> $scope.myList = mySpecialList
> })
>
> app.controller('ctrl3', function($scope, mySpecialList){
> $scope.myList = mySpecialList
> })
>
> Or use $broadcast and $on to share the length:
>
> // on the controller1
> $scope.list = []
> $scope.$watch('list', function(){
> // note that you need to inject the $rootScope
> $rootScope.$broadcast('listUpdated', $scope.list.length)
> })
>
> // on the other controllers
> $scope.$on('listUpdated', function(length){
> $scope.listLength = length
> })
>
> Or the ugliest way to share this list is to include the $rootScope on
> every controller and keep the list in the $rootScope so you'll have access
> to the list on every controller.
>
> Choose wisely :D
>
>
>
> On Mon, Mar 28, 2016 at 4:29 PM, <[email protected] <javascript:>>
> wrote:
>
>> Hi Pablo,
>>
>> There is quiet a bot of code but yes they are in nested controllers,
>> here's some code. Once the update function in controller 2 is done the
>> listlength variable updates accordingly but the updated value doesn't carry
>> over to the third controller, why is that?
>>
>> app.controller("controller1", function($scope){
>> $scope.list = []; //this gets populated with data from a database
>> $scope.listLength = $scope.list.length;
>> });
>>
>>
>> app.controller("controller2", function($scope){
>> $scope.$watch('listLength', function(newVal, oldVal){
>> if($scope.listLength !== newVal) $scope.listLength = newVal;
>> });
>> }); //I have watch functions within the controllers like so
>>
>>
>>
>> app.controller("controller3", function($scope){
>> $scope.$watch('listLength', function(newVal, oldVal){
>> if($scope.listLength !== newVal) $scope.listLength = newVal;
>> });
>>
>>
>> });
>>
>>
>>
>>
>>
>>
>> On Sunday, March 27, 2016 at 7:29:09 PM UTC+2, Pablo Madalena Targa wrote:
>>>
>>> Can you set a simple env of the three controllers and the interaction
>>> between them, in pastebin, fiddlejs or codepen?
>>>
>>> Are they nested controllers, how are you sharing the $scope?
>>>
>>> On Sun, Mar 27, 2016 at 5:59 PM, <[email protected]> wrote:
>>>
>>>> Hi Pablo,
>>>>
>>>> Yes I have tried that I have put watches in three of my controllers,
>>>> the add, edit and delete but on the add it still doesn't update my array.
>>>> Does it have to be placed in a particular place to work?
>>>>
>>>> On Sunday, March 27, 2016 at 4:50:04 PM UTC+2, Pablo Madalena Targa
>>>> wrote:
>>>>>
>>>>> Hi friend,
>>>>>
>>>>> have you tried this?
>>>>>
>>>>> $scope.$watch('list.length', function(newValue, oldValue){...});
>>>>>
>>>>> On Sun, Mar 27, 2016 at 3:15 PM, <[email protected]> wrote:
>>>>>
>>>>>> I have an empty array defined as $scope.list = [] I then select items
>>>>>> from the database and push them into the array as an object like so {
>>>>>> name:"john", surname:"doe, age:35 } I have stored the length of the list
>>>>>> in
>>>>>> an variable however upon deleting items or adding items to the array
>>>>>> doesn't update it's length. What am I doing wrong? Here is my code
>>>>>>
>>>>>> $scope.list = [];
>>>>>> var scopeListLength = $scope.list.length;
>>>>>> $scope.$watch(scopeListLength, function(newVal, oldVal){
>>>>>> console.log(newVal);
>>>>>> console.log(oldVal);
>>>>>> if(newVal !== oldVal) scopeListLength = newVal;
>>>>>> console.log("scopeListLength = " + scopeListLength);
>>>>>> });
>>>>>>
>>>>>> --
>>>>>> 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 https://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 https://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] <javascript:>.
>> To post to this group, send email to [email protected]
>> <javascript:>.
>> Visit this group at https://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 https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
