AngularJS allows for the passing of a function value into another function

Question

AngularJS allows for the passing of a function value into another function

Is there a way for me to pass a value from one function to another? Here is an example of what I am trying to achieve:

HTML

<div>
      <li ng-repeat="language in languages" ng-click="myFirstFunction(firstValue)
             {{language.lang}}
      </li>
</div>
<div>
      <li ng-repeat="age in agess" ng-click="mySecondFunction(secondValue)
             {{age.year}}
      </li>
</div>

JS

$scope.myFirstFunction = function (firstValue) {
    console.log(firstValue);
}

$scope.mySecondFunction = function (secondValue) {
    console.log(secondValue);
}

$scope.myThirdFunction = function () {
    $scope.myFirstFunction(firstValue) // I need to access this value inside myThirdFunction()
    $scope.mySecondFunction(secondValue) // I need to access this value inside myThirdFunction()
    // console.log(firstValue);
    // console.log(secondValue)
}

I have two separate functions because the values will come from two different clicks. How can I retrieve these values inside myThirdFunction?

Any help would be appreciated. Thank you.

javascript angularjs

Answer 1

Answer №1

A simple adjustment to your JavaScript code will solve the issue.

let values = [];// array for storing values
$scope.myFirstFunction = function (firstVal) {
    values[0] = firstVal;// saving first value
    console.log(firstVal);
}

$scope.mySecondFunction = function (secondVal) {
    values[1] = secondVal;// storing second value
    console.log(secondVal);
}

$scope.myThirdFunction = function () {
    // you can access the stored values here
    // console.log(values[0]);
    // console.log(values[1]);
}

Answer 2

A simple adjustment to your JavaScript code will solve the issue.

let values = [];// array for storing values
$scope.myFirstFunction = function (firstVal) {
    values[0] = firstVal;// saving first value
    console.log(firstVal);
}

$scope.mySecondFunction = function (secondVal) {
    values[1] = secondVal;// storing second value
    console.log(secondVal);
}

$scope.myThirdFunction = function () {
    // you can access the stored values here
    // console.log(values[0]);
    // console.log(values[1]);
}

AngularJS allows for the passing of a function value into another function

Answer №1

Similar questions

What are the optimal strategies for managing various components within an Angular (2) Web application?

Is the second parameter of the function being used as a condition?

Unable to retrieve nested element from its parent

AngularJS: Modifying the template in a Directive with scoped attribute dependencies

What methods can I employ within an AngularJS controller to retrieve data from Google App Engine instead of solely relying on a JSON file?

instructions for creating a hover effect where one div vanishes when hovering over another div

Guide on retrieving the mouse button press from a command event using XUL

Is there a way to run Angular code without having to bootstrap it?

Notify when the SVG object is clicked based on its identifier

What is the best way to remove empty elements from an Array?

deployJava.js injects a new <embed> element into the header section of the webpage

Has the binary search operation not been executed?

An unconventional web address was created when utilizing window.location.hostname

Implementing a delete functionality within a loop on a JavaScript object array

What are the potential causes of receiving the error message "No Data Received ERR_EMPTY_RESPONSE"?

Access denial encountered when attempting to submit upload in IE8 using JavaScript

Creating a dynamic form in Django that allows users to input text and insert images using AJAX technology

Is it possible to pass multiple parameters in one onClick event?

JavaScript Update Function for Pointers in Parse.com - Modify a Row with a Pointer