Object initialize different in Angular directive than controller?

Question

I've have run into an issue with object initialization differing whether the code is in a controller vs a directive link function. In the example code below, the "this" parameter being passed in the

prop: new Object(this)   

is a legit Object constructor when the code is run in the controller but is undefined when run in the directive. Why the difference in execution of the same code?

myapp.directive("myDir",function()
{
  var myDir = {
    link: function(scope,element,attrs)
    {
      var obj;

      obj = new Object({
        prop: new Object(this)
      });
    }
  }

  return myDir;
}


myapp.controller("MyCtrl",function($scope)
{
  var obj;

  obj = new Object({
    prop: new Object(this)
  });
}

Answer 1

I think your use of "this" in the declarations is the problem. Read up on How does the "this" keyword work? to make sure you understand how it works.

To me it looks like "this" will probably be set to the "myDir" variable in the directive, and the window object in the controller.