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

Why does the outcome of running this code vary each time?

Managing user logins across different sessions using passport.js, mysql database, and express-session

What is the best way to display compiled Transcluded HTML in Angular?

Incorporate action icons (such as edit and delete) into a table in React.js using material-ui

Issue with Cross-Origin Resource Sharing (CORS) communication between Web API 2 and Angular

Tips for obtaining the sources of every image on a webpage and consolidating them in a single section

Improving code quality and consistency in Javascript: Tips for writing better code

I'm experiencing some difficulties utilizing the return value from a function in Typescript

Retrieve the values from the second dropdown list based on the choices made in the first dropdown menu within a React application

What is the best way to implement switchMap when dealing with a login form submission?

Struggling to implement a Datepicker in the date column of a table created using HTML and JavaScript

a single line within a compartment

What is the correct way to fetch JSON data from a remote server using pure JavaScript?

Navigating the Path: Strategies for Caching Server-side Rendering in Next Js

Variable assigned by Ajax no longer accessible post-assignment

Navigation guard error: Caught in an infinite redirect loop

Retrieve only the names of keys from a JSON object presented in array form using Node.js

Divs expanding below content in IE on a particular server

Utilizing a button to trigger a directive nested within another directive?

How to properly format an HTML input box for numeric entry and ensure correct formatting of the minus sign