Tips on invoking a scope function depending on an attribute's value

Question

Tips on invoking a scope function depending on an attribute's value

In my application, there are multiple 'save and close' links, each with a unique function triggered when clicked, specified by the directive ng-really-click. This directive confirms closure before executing the designated function. For example:

<a ng-really-click="someCloseFunction(p1, p2)" />

Now, I need to simulate a user clicking the save button from another part of the app without the confirmation step. Since I don't know in advance which specific close function should be invoked, I have to identify it by examining the ng-really-click attribute of the close link.

Once I determine the function call expression specified in the attribute, I aim to call that function on a particular scope stored in a variable called currentScope. How can this be achieved?

javascript angularjs

Answer 1

Answer №1

One approach similar to Angular is to employ separate controllers for each link. Within these controllers, define the funcPointer as a reference to an ng-really-click function:

Cntrl1:

$scope.funcPointer = $rootScope.funcPointer = function() {console.log('yo1');}

Cntrl2:

$scope.funcPointer = $rootScope.funcPointer = function() {console.log('yo2');}

In your views, utilize the func pointer like so:

<div ng-controller="Cntrl1"><a ng-really-click="funcPointer(p1, p2)" /></div>

You can then call the function from the rootScope anywhere in the application:

From any Ctrl:

$rootScope.funcPointer(val1, val2);

Answer 2

One approach similar to Angular is to employ separate controllers for each link. Within these controllers, define the funcPointer as a reference to an ng-really-click function:

Cntrl1:

$scope.funcPointer = $rootScope.funcPointer = function() {console.log('yo1');}

Cntrl2:

$scope.funcPointer = $rootScope.funcPointer = function() {console.log('yo2');}

In your views, utilize the func pointer like so:

<div ng-controller="Cntrl1"><a ng-really-click="funcPointer(p1, p2)" /></div>

You can then call the function from the rootScope anywhere in the application:

From any Ctrl:

$rootScope.funcPointer(val1, val2);

Tips on invoking a scope function depending on an attribute's value

Answer №1

Similar questions

Apologies, but it seems there was an issue reading the "checked" property as it is null

Retrieving Form Validation Error Value in AngularJS

What is the best way to use multiple encoding types when sending data via a POST method in Node.js?

Working on asynchronous processing of Highland stream fragments

Can you provide a brief explanation for this bubble sort JavaScript code?

Clicking on buttons in the header does not lead to the intended section when scrolling

Creating a carousel of cards using JavaScript, CSS, and HTML

Asynchronous retrieval of reference value from Firebase Firestore in ReactJS

stop the leakage of CSS and JS from the subtree to the document through the inverse shadow DOM mechanism

Utilizing Selenium JavaScript to insert a cookie into a request

Utilize Webpack to import a file containing exclusively global constants

Troubleshooting: Vue.js not triggering method after watching object

Surfing the web with Internet Explorer means music downloads rather than streaming

Issue with triggering blur event in Internet Explorer while using Angular 2+

Using JavaScript, redirect to a specified URL once a valid password has been entered on an HTML form

What are the reasons behind memory leaks and decreased rendering speed when I exit and then reopen a React component (specifically Material-Table)?

Is it possible to limit the values of parameters with react-router?

Managing promises with mongoose - Best practices

How can I change :hover to a clickable element instead?

Guidance on retrieving state and city information using placeid within Google Maps API with AngularJS