Call controller function from outside

Question

I need to access (call and/or modify) the scope of a controller from outside of it.
Following this answer I managed to access the scope, but the data binding doesn't kick in...

Take this as example (JSFiddle).

angular.module("App", []).controller("Test", function($scope)
{
    $scope.list = ["added on initialization"];

    $scope.add = function(item)
    {
        $scope.list.push(item);
    };
});

var addFromOutside = function()
{
    angular
        .element(document.getElementById("TestController"))
        .scope()
        .add('added from outside');
};

<div ng-app="App" ng-controller="Test" id="TestController">
    <ul>
        <li ng-repeat="item in list track by $index">
            {{item}}
        </li>
    </ul>

    <button ng-click="add('added from inside')">Add from inside</button>
</div>

<button onclick="addFromOutside()">Add from outside</button>

If you click in the "Add from inside" button it works like expected.
But if you click in the "Add from outside" button nothing happens until you click in the "Add from inside" button...

Is there anyway to do this and the have data binding working?

why do you want to call it from outside? I mean you can use ng-controller multiple times if you need to — Jahongir Rahmonov
– Jahongir Rahmonov, Commented Feb 19, 2015 at 19:20
yeah, just wrap that button with <div ng-controller="Test"></div> — Jahongir Rahmonov
– Jahongir Rahmonov, Commented Feb 19, 2015 at 19:30
@JohnyStark, saddly, a controller isn't a singleton... This means that each call to ng-controller creates another instance of it, so, the properties aren't shared between instances. =/ — NemoStein
– NemoStein, Commented Feb 19, 2015 at 20:04

Dayan Moreno Leon · Accepted Answer · 2015-02-19 19:22:51Z

2

you forgot to add

scope.$apply()

http://jsfiddle.net/o2b0bdbr/ you are outside of angulars digest cycle so you need to let him know that something happen to on of his scopes

answered Feb 19, 2015 at 19:22

Dayan Moreno Leon

5,4552 gold badges25 silver badges24 bronze badges

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

2 Comments

NemoStein Over a year ago

Simple and effective... Thanks.

NemoStein Over a year ago

I have to wait a couple of minutes to accept it, but I will... =]

Collectives™ on Stack Overflow

Call controller function from outside

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related