AngularJS: $scope not updating view from second controller

Question

I have an HTML file and a controller assigned via the $routeProvider like so

          .when('/', {
            templateUrl: 'views/contents.html',
            controller: 'FirstCtrl'

Everything was working fine, I had my view do a ng-repeat over a object and the view updated like so

   <tbody ng-repeat="item in contents.data">
     <tr>

This code was working fine, I updated my item via the FirstCtrl like so

   $scope.contents = {};
   $scope.contents.data = {...}

I have extracted this functionality out into its own controller, it's still the same view, so I have 1 view and 2 controllers... The second controller is used by specifying ng-controller on the tbody like so

   <tbody ng-controller="SecondCtrl" ng-repeat="item in contents.data">
     <tr>

Now I know the controller is working as I have insert an ng-click on a <tr> and it fires the the function. I am also updating my $scope from my second controller but it seems to be also blank.

From the documentation it states that if the $scope exists in the parent controller (first) then the child controller overwrites it (second) but this is not my case, I don't have it defined in the first controller any more.

I even tried a simple test of

    $scope.testme = "hi";

and the view

    {{ testme }}

and nothing ... it's like the $scope doesn't exist.

What's going on?

This only happens on the second controller, the first controller works and I am able to update the $scope. — Martin
– Martin, Commented Jul 22, 2013 at 14:17

halfer · Accepted Answer · 2025-08-16 09:05:52Z

3

If you are initializing the $scope.contents inside of the SecondCtrl then you are probably experimenting some $scope shadowing.

Try creating the "contents" object inside of the FirstCtrl and when you update the data. Do not recreate the contents object (i.e. don't do >> $scope.contents = {};) just update the data object/array >> $scope.content.data = ...

edited Aug 16 at 9:05

halfer

20.2k20 gold badges110 silver badges207 bronze badges

answered Jul 22, 2013 at 14:30

Carlos Serrano

1115 bronze badges

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

Collectives™ on Stack Overflow

AngularJS: $scope not updating view from second controller

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