Dynamically switch ng-include and ng-controller in AngularJS

Question

I have a section on my page with a few tabs which have to include a partial and controller. I would like to dynamically switch a ng-include and ng-controller based on the current tab selected.

Probably the biggest issue here is that Angular expects a controller to point to the actually controller and not to a string with the controller name.

I tried a few different things, but I can not get it to work.

$scope.tab.active = {
    view: 'activetabview.html',
    controller: 'ActiveTabController'
}

<section ng-include src="tab.active.view" ng-controller="tab.active.controller">
</section>

Answer 1

You can use Routing method.

I Hope this will help you.