angularjs multiple controllers on one page

Question

I have a page with multiple controllers, one of the controller is being used in 2 different divs within the same page. I am not sure if it is a scope issue or I just miss someth

Answer 1

You need to make some changes in controller and view.

var app = angular.module('plunker', []);

 app.controller('subCCtrl', function($scope) {
   $scope.hideThisBox = false;
   $scope.update = function(label) {

     if (label == 'Cost')
       $scope.displaybox = true;
     else
       $scope.displaybox = false;
   }
 });
 app.controller('subACtrl', function($scope) {

 });

 app.controller('subBCtrl', function($scope) {

 });

HTML :

  
    
    
    
    
      
  
  
    
    
  

  
            


                

                Cost
                

                Savings
                


                     

            

            
Do stuff that uses subACtrl
            
Do stuff that uses subBCtrl
            

            

                

                    If click on 'Savings', hide below box: