Angularjs: How to build a controller reuseable?

Question

I have an application with some controllers that have the same functions as: InitMenu, GetData, Search, Paging, ..

How can I build a generic controller with the main functions: InitMenu, GetData, Search, Paging, .. without having to write in each specific controller?

Karim · Accepted Answer · 2017-05-08 08:30:32Z

1

share all the common logic inside a service and inject it inside your controllers.

.service('CommonData, function(){
   this.getData = function(){
   }
   this.InitMenu= function(){
   }
   this.search= function(){
   } 
})

otherwise you can make a parent controller and all the child controllers will prototype inherit from the parent scope.

.controller('ParentCtrl', function($scope){
  $scope.myObj = {};
  $scope.parentMethod = function(){
    return myObj;
  }
})

.controller('ChildCtrl', function($scope){
 var stuff = $scope.parentMethod(); 
//you can access the parent method in the child template as well
})

<div ng-controller="ParentCtrl">
    <div ng-controller="ChildCtrl">
      {{parentMethod()}}
      //if you use controllAs syntax change it to {{parentCtrlName.parentMethod()}}
    </div>
</div>

if you use controllerAs syntax you can access the parent $scope by specifyng the controller name as a scope field in the child controller. e.g $scope.parentCtrlName.parentMethod() and parentCtrlname.parentMethod() in the child template.

edited May 8, 2017 at 8:30

answered May 5, 2017 at 9:26

Karim

8,6823 gold badges27 silver badges36 bronze badges

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

3 Comments

Tommy1209 Over a year ago

Thanks @Karim, but my opinion is build a Controller that can be inherited by other controllers (it look like inheritance in .NET). Any way to make this?

Karim Over a year ago

yes you can make a parent controller , and all the children controllers will prototype inherit all the methods from the parent, i'll fix my answer :)

Karim Over a year ago

you're welcome, if the answer helped you please mark it as correct. :)

Collectives™ on Stack Overflow

Angularjs: How to build a controller reuseable?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related