How to Access a Method from Controller 2 in AngularJS Controller One

Question

How to Access a Method from Controller 2 in AngularJS Controller One

angular.module('starter.controllers', [])
    .controller('controller1',function($scope) {
        $scope.function1= function () {
            // Code for controller1 function
        }
    })
    .controller('controller2',function($scope, controller1) {
        $scope.function1= function () {
            //is it possible to access method from controller1 in controller2 like this?
            controller1.function();
        }
    })

I am new to AngularJS and seeking guidance on how to complete my code. Any help would be appreciated.

javascript angularjs

Answer 1

Answer №1

In AngularJS, Services are used for handling such tasks.

To achieve this, you can create a Service with the desired function:

.service('myService', function() {
    return function() {
        //your custom function here
    };
})

Next, we can inject this Service as a dependency in our controller:

.controller('controller2', [
    '$scope',
    'myService',//inject the service as needed
    function($scope, myService) {
        $scope.customFunction = function() {
            myService();//call your custom function here
        };
    }
])

Similarly, we can do the same in another controller:

.controller('controller1', [
    '$scope',
    'myService',
    function($scope, myService) {
        $scope.customFunction = myService;//bind the service to the scope
    }
])

Answer 2

In AngularJS, Services are used for handling such tasks.

To achieve this, you can create a Service with the desired function:

.service('myService', function() {
    return function() {
        //your custom function here
    };
})

Next, we can inject this Service as a dependency in our controller:

.controller('controller2', [
    '$scope',
    'myService',//inject the service as needed
    function($scope, myService) {
        $scope.customFunction = function() {
            myService();//call your custom function here
        };
    }
])

Similarly, we can do the same in another controller:

.controller('controller1', [
    '$scope',
    'myService',
    function($scope, myService) {
        $scope.customFunction = myService;//bind the service to the scope
    }
])

How to Access a Method from Controller 2 in AngularJS Controller One

Answer №1

Similar questions

Button for AngularJS delete request

What is the best way to retrieve information from an http website and display it in an html table using javascript

An error occurred while trying to access the property 'send' which is undefined

"Combining HTML, PHP, and JavaScript for Dynamic Web

I continue to encounter the error "Unexpected token b in JSON at position 0" when attempting to parse JSON data

Having trouble getting Fullcalendar to show up on my cordova app

Coding two for loops in React Js to generate a 3X3 grid for a tic-tac-toe game

I am seeking assistance with my code. It is passing most of the test cases, but is failing only two without any error messages. What could

Tips for creating a versatile generic function in javascript that covers all arguments sizes

Utilize BotDetect in Angular js for advanced functionality

"Exploring the character encoding in Angular's http.get

Is there a way to modify the value of an object in a Vuex store using actions in Vue.js?

Difficulties with angular ui-router authentication problems

Exploring Cypress: Leveraging the Power of Variable Assignment

Can JavaScript event listeners be compelled to trigger in a specific sequence?

Guidelines for sorting through items in Vue 3

A guide to categorizing and tallying JSON data based on multiple keys within the past 30 days using JavaScript/jQuery

Incorporate MUX Player (Video) into Angular versions 14 or 15

Can you clarify the functionality of this loop? I am having trouble grasping how it produces the final result

Issue with RegisterClientScriptCode function following a partial postback