AngularJS: What is 'this' when AngularJS controller is a member function of a class?

Question

I use a member function of a class to be AngularJS controller: Note: the code below is compiled from some TypeScript code.

function Clazz(x) {

   this.Member = x;

   this.Func= function ($scope) {          
      $scope.message = '' + this.Member;   // this.Member is undefined
   }
} 


app.controller('TaxCtrl',  new Clazz('Hello').Func  );

The Func is called when the I switch to the TaxCtrl , but the this seems not to be the instance of Clazz because this.Member is always undefined.

Answer 1

When Func is a member of the Clazz instance then this will work. When angular constructs the function as an object is is creating a new object where this is referencing the instance of Func .

Here is a jsbin example:

http://jsbin.com/rocopiwila/edit?js,console

If you are trying to share properties down to controllers use services and injectables instead.

Answer 2

Try this:

function Clazz(x) {

   this.Member = x;
   self = this;

   this.Func= function ($scope) {          
      $scope.message = '' + self.Member;   
   }
} 


app.controller('TaxCtrl',  new Clazz('Hello').Func  );