Question

121

Creating common controller functions

rated 0 times [ 125] [ 4] / answers: 1 / hits: 39034 / 12 Years ago, wed, july 4, 2012, 12:00:00

How do I create some sort of utils bundle that would be accessible from all my controllers?

I have this route code in my main module:

'use strict';



angular.module('lpConnect', []).

    config(['$routeProvider', function($routeProvider) {

    $routeProvider.

        when('/home', {template: 'views/home.html', controller: HomeCtrl}).

        when('/admin', {template: 'views/admin.html', controller: AdminCtrl}).

        when('/connect', {template: 'views/fb_connect.html', controller: MainAppCtrl}).

        otherwise({redirectTo: '/connect'});

}]);

I want a function that can be common to HomeCtrl, AdminCtrl and MainAppCtrl.

How should I do it in AngularJS?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mickaylag

Add To Favorites

Follow

Total Points: 333

Total Questions: 108

Total Answers: 93

Location: Solomon Islands

Member since Fri, Oct 8, 2021

3 Years ago

mickaylag questions

1 How to create phone format input in HTML if it's possible with country code

Wed, Jul 27, 22, 00:00, 2 Years ago

1 Checking whether array has a number bigger than specified

Sun, Aug 15, 21, 00:00, 3 Years ago

1 Specifying the origin header in postman does nothing when I make a request to an endpoint in my application (javascript and nodejs)

Wed, Jul 14, 21, 00:00, 3 Years ago

1 Vue 3, call $emit on variable change

Mon, Mar 22, 21, 00:00, 3 Years ago

1 How to change color of text based on text-value by using css?

Thu, May 21, 20, 00:00, 4 Years ago

View All

answered 12 Years ago makiyac · Accepted Answer

The way to define common code in angular is through Services.

You would define a new service like so :

.factory('CommonCode', function ($window) {

        var root = {};

        root.show = function(msg){

            $window.alert(msg);

        };

        return root;

    });

In your controller you would inject this service..like so

function MainAppCtrl($scope,CommonCode)

{

     $scope.alerter = CommonCode;

     $scope.alerter.show(Hello World);

}

Just include CommonCode as an argument to your controller function.. Angular will take care of injecting it for you ( Read on Dependancy Injection ..to understand what is happening here. )