AngularJS Run execute function?

Question

why in this script:

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
        <script>
        var app = angular.module( "test", [] );  

        app.run(
            angular.element.prototype.test = function ( ) {
                alert ( "da" );
            }
        );

        app.directive('cacat', function() {
            return {
                restrict: 'E',
                link: function (scope, element, attrs) {
                }
            };
        });
        </script>
    </head>
    <body ng-app="test">
        <cacat></cacat>
    </body>
</html>

function test is called? I want this function called only when I want.

Answer

        app.run(
            function () {
                angular.element.prototype.test = function ( ) {
                    alert ( "da" );
                }
            }
        );

is angular.element.prototype a common way to interact with angular? — dandavis
– dandavis, Commented Jan 8, 2016 at 21:43
@PankajParkar , stackoverflow says: You have more code than information, what more information? — user3032469
– user3032469, Commented Jan 8, 2016 at 21:44
@PankajParkar Maybe to meet the minimum length requirement for a post. — micah
– micah, Commented Jan 8, 2016 at 21:46

Harris · Accepted Answer · 2016-01-25 18:33:58Z

4

Assignment statements can be evaluated to their values. If you do something like

var x = false;
if(x = true) { /*Some code here*/ }

x is assigned, then evaluated, in the if statement.

In your sample,

app.run(angular.element.prototype.test = function ( ) {
            alert ( "da" );
        })

evaluates the function that you assigned to angular.element.prototype.test, effectively passing that function to app.run(). app.run() takes it and, as one would expect, runs it.

If you simply wanted it to make the assignment in the run() execution, you need to instead pass it a function that does that, like this:

app.run(function(){
    angular.element.prototype.test = function ( ) {
        alert ( "da" );
    });
});

edited Jan 25, 2016 at 18:33

answered Jan 8, 2016 at 21:54

Harris

1,78516 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user3032469 Over a year ago

I just putted that function in another function, and it works

Harris Over a year ago

Great, that's exactly how it should be. If this answered your question, you should mark it as the answer so people will know it's resolved.

Collectives™ on Stack Overflow

AngularJS Run execute function?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related