Angular Scope in javascript function with Typescript

Question

I use Typescript with Angular and Breezejs.

class CounterController {
    count: number = 0;
    static $inject = ['$scope'];


    constructor($scope) {
        $scope.vm = this;
    }

    setCount14(): void {  
        this.count = 14; // works
    }

    getQuestions(): void {
        var manager = new breeze.EntityManager('/breeze/dbentities');
        var query = breeze.EntityQuery.from("Corporations").where("Name", "startsWith", "Zen");
        manager.executeQuery(query)
            .then(querySucceeded);

        function querySucceeded(data) {
            this.count= 1; // works not!
        }
    }
}

How can i access the count property in the querySucceeded function correct?

Edit: better: there must be a way to pass a typescript function to executeQuery(query).then ?

Solution: Pass Typescript function as a Javascript function

Then calling the scope.$apply() does apply the bindings.

Answer 1

use (data) => { this.count = 1; } (data) => { this.count = 1; } instead. or your "this" won't have the correct scope. OR as an alternative:

var me = this;
function querySucceeded(data) {
  me.count= 1; // works not!
} 

eg:

getQuestions(): void {
    var manager = new breeze.EntityManager('/breeze/dbentities');
    var query = breeze.EntityQuery.from("Corporations").where("Name", "startsWith", "Zen");
    manager.executeQuery(query)
        .then((data) => { this.count= 1; });
}