Invoke angular function in console

Question

I am a novice.I have a line of code like this that was written for me.

<a class="pull-right btn btn-primary" ng-click="addWidget()"><i class="glyphicon glyphicon-plus"></i> Add Widget</a>

Which works perfectly (it adds the widget which is a box element to the page). The function is defined in the controller DashboarCtrl like this

    $scope.addWidget = function() {
        $scope.dashboard.widgets.push({
            name: "New Widget",
            sizeX: 1,
            sizeY: 1
        });
    };

How do invoke that same function in the console? I have tried angular.element('#DashboardCtrl').scope().addWidget();

Chanthu · Accepted Answer · 2017-02-05 09:23:25Z

2

Lets just say that your add Widget link has an id (add_widget). Then you can find the element by id and click it.

<a id="add_widget" class="pull-right btn btn-primary" ng-click="addWidget()">
    <i class="glyphicon glyphicon-plus"></i> Add Widget
</a>

angular.element('#add_widget').click();

answered Feb 5, 2017 at 9:23

Chanthu

1,7941 gold badge15 silver badges23 bronze badges

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

1 Comment

user2818170 Over a year ago

So simple when one knows. Thank you, that is it.

Collectives™ on Stack Overflow

Invoke angular function in console

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related