Passing an anonymous function as a parameter to a function in ng-init is a common practice in AngularJS v1.4.8

Is it possible to save a call to an anonymous function using ng-init? For example: 

<div class="container-fluid" ng-app="AVF"  ng-controller="ConfigController"    ng-init="RegisterInitFunction(function() { $scope.GetData(); })" >

In my controller:

$scope.InitFunction = null;
$scope.RegisterInitFunction = function(init) {
     $scope.InitFunction=new Function(init)();
}

$scope.GetData = function() {
     $scope.DoSomething();
}

When trying this, I encounter a syntax error angular.min.js:107 Error: [$parse:syntax]

Can someone help me figure out if this is feasible?

javascriptangularjs

Answer №1

In case anyone is facing a similar problem, I found that putting the anonymous function in quotes and utilizing eval like this resolved my issue:

... ng-init="InitializeFunction('function() { $scope.FetchData(); }');"

        $scope.Initialize = null;
    $scope.InitializeFunction = function(init) {
        $scope.Initialize = eval('(' + init + ')');
    }

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Yet another error has been encountered: TypeError undefined is not a function

Hey everyone, I'm currently working on a JavaScript school project where I'm creating a dungeon. It may not be the best code out there, but hey, I'm still learning. I'm encountering an error in the following code: function damageFormu ...

javascriptfunctiontypeerror

Implementing Canvas Offset in a jQuery Mobile Environment

I have positioned a pen ready for use at this location. http://codepen.io/prantikv/pen/LEbRKY Currently, I am utilizing a canvas to track mouse movements or touch input. It performs as expected when jQuery or jQuery mobile is not included. However, upon ...

javascriptjquerycanvas

Is it possible to use Ajax to prompt a pop-up window for basic authentication when logging in?

While attempting to access the reed.co.uk REST web API in order to retrieve all related jobs, I am encountering an issue. Despite passing my username and password, a popup window keeps appearing when I call the URL. The alert message displayed reads: i ...

javascriptjqueryajaxapiauthentication

Loop through each object and add them to an array in a file using NodeJS

Currently, I have a scenario where I am executing a POST request inside a for loop function and the response needs to be stored as an object in an array file. Below is the code snippet that I am utilizing: var arrayFile = fs.createWriteStream("arrayFile.j ...

javascriptnode.jsarraysfor-loopobject

Exploring the interaction between Bootstrap and AngularJS in creating unique menu functionality

UPDATE: added JSFiddle link I am currently working on creating a dynamic menu or set of options that will be populated based on server requests. The data structure I am dealing with is as follows (some unnecessary data has been omitted): { "name" : ...

htmlcssangularjstwitter-bootstrapmenu

Using Radio button to access local HTML pages - A step-by-step guide

I am currently working on a project that involves the use of radio buttons and their corresponding options. My goal is to have each radio button selection lead to a specific HTML page being displayed. I've come across solutions involving external URLs ...

javascriptphpjqueryhtml

Experience seamless language translation with AngularJS

I'm just starting out with Angular JS and I'm curious to hear your thoughts on which translation library is the easiest to implement or most commonly used for translating websites with Angular JS. Appreciate any insights you can provide! ...

angularjstranslation

Searching dynamically using class names with JQuery

I am seeking to create a dynamic search input based on the class names within the span tags. However, I am struggling with displaying the class name that I have identified. My goal is to show the class names that match the entered value in the input on the ...

javascripthtmljquerycss

What is the best way to change the response URL in an AJAX function?

I have a function using ajax that redirects to the response from a specified URL upon success: document.getElementById("button1").addEventListener("click", function (e) { e.preventDefault(); $.ajax({ url: 'http://localhost:8080/someLo ...

javascriptjqueryajax

The compatibility issue between Bootstrap4 Navbar and "jQuery.BgSwitcher" is causing functionality limitations on mobile devices

Currently, I am utilizing Bootswatch4 within Bootstrap4 and have a requirement for a div with backgrounds that change or fade. After some research, I stumbled upon a JavaScript solution that aligns closely with my needs at: https://github.com/rewish/jquery ...

javascriptjquerytwitter-bootstrapbootstrap-4

Is it necessary to use the "new" keyword when utilizing JS closure to create objects?

My response to a question about closures on SO included the following code sample: function Constructor() { var privateProperty = 'private'; var privateMethod = function(){ alert('called from public method'); }; ...

javascriptclosures

Child functional component does not refresh after its props are altered by its parent component

Looking at the following code: MainParentComponent.js let data = 0; function MainParentComponent() { function handleClick() { data++; } return (<> <button onClick={handleClick}>Increase</button> < ...

javascriptreactjs

Using PHP script to retrieve MySQL table values and dynamically update a live graph in a Javascript function

I've been researching similar issues for quite some time now, but to no avail. Currently, I'm utilizing Highcharts to update a graph every 3 seconds with the latest entry from a specific MySQL table. I am referring to the example Javascript code ...

javascriptphpmysqlhighchartslivegraph

Utilizing the Current URL from the address bar as a variable to link within the same page

My goal is to: Extract the current URL address from the browser bar, which will have a format like this: http://example.com/test/index.html?&dv1=1023faf2ee37cbbfa441eca0e1a36c Retrieve the lengthy ID number located at the end of the URL 1023faf2ee37c ...

javascriptjqueryhtmlurl

Does Node Express call the next middleware immediately when the next function is called?

Can someone please help me grasp the concept of how the next function operates within the Node Express framework? I know that we utilize the next function within the current middleware to trigger the execution of the subsequent middleware listed. These mid ...

javascriptnode.jsexpress

Is it considered secure to encase a function within jQuery's removeClass()?

I'm currently developing a unique slider that includes a dynamic video element. With each slide transition, a new video is added to the DOM while the previous one is removed. To achieve this effect, I am utilizing CSS transitions along with a specific ...

javascriptjquerycss

React and Rails are not playing nice when it comes to AJAX POST requests - all

I'm currently facing an issue while setting up this AJAX POST request in my react component to interact with my rails api controller. The browser console shows a 404 error and I am unable to trigger the pry debugger. react/src/pages/HomeIndex.js ge ...

javascriptjqueryruby-on-railsajaxreactjs

Utilizing service-based global objects in Angular applications

Upon entry into my application, the GlobalApplicationController initializes several services that are utilized throughout the entire application, such as subscribing to sockets. It would be quite beneficial to have a CurrentUser object available - however, ...

javascriptangularjsangular

ASP.NET - The Power of a Long Press

I am currently working on implementing a Long Press event in JavaScript on an ASPX page. Due to my limited experience with JavaScript, I am facing a few challenges. I found a similar question that was previously asked here. When running the code, I encoun ...

javascriptasp.net

Angular UI Routing is not compatible with Switch functionality

I am currently working on an Angular app that utilizes Angular UI Routing along with a UI plug-in that features "checkbox switches" based on bootstrap switches. The issue arises when the templates load after the shell page, causing the switches to break a ...

angularjs