Separate AngularJs controller for each tab in accordion

30 views
Skip to first unread message

Jessica Harper

unread,
Mar 19, 2021, 9:32:56 AM3/19/21
to Angular and AngularJS discussion
Folks,
I have following question. I am new to angular js


Any help would be appreciated
Cheers

Jessica Harper

unread,
Mar 19, 2021, 9:32:57 AM3/19/21
to Angular and AngularJS discussion
.state("test-accordion",{
  url:'/test-accordion', 
  views: { 
              '':{ 
                    templateUrl:'/Accordion/accordion-view.html', 
                    controller: 'accordionController', 
                    controllerAs: 'vm' 
                 }, 
                 'taba@test-accordion':{
                     templateUrl:'/Accordion/taba-view.html', 
                    controller: 'tabAController', 
                    controllerAs: 'vm' 
                 }, 
                 'tabb@test-accordion':{ 
                    templateUrl:'/Accordion/tabb-view.html', 
                    controller: 'tabBController', 
                    controllerAs: 'vm' 
                  } 
               }
             }
     .state('test-accordion.tabADetail',{
       url : 'test-accordion.tabADetail/:customerId', 
      templateUrl: '/Accordion/taba-view-detail.html', 
      controller : 'tabADetailController', controllerAs : 'vm' 
      })
 .state('test-accordion.tabBDetail',{ 
      url : 'test-accordion.tabBDetail/:customerId', 
      templateUrl: '/Accordion/tabb-view-detail.html', 
      controller : 'tabADetailController', controllerAs : 'vm' 
}) 

 taba-view.html / tabb-view.html  content
<div ui-view>/div>

taba-view-detail.html and tabb-view-detail.html has different content

but when i populate taba-view-detail.html it also populates same content in tabb-view-detail.html

what am am doing wrong?

Todd Zmijewski

unread,
Mar 22, 2021, 8:05:27 AM3/22/21
to Angular and AngularJS discussion
Your entire career.
Reply all
Reply to author
Forward
0 new messages