Use controller generated by typescript in angular directive

Question

I have an angular controller (generated by typescript):

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

   ...functions...
}

How can I use this controller in the directive?

var myApp = angular.module('myApp', ])
  .directive('ngFilemanager', function () {
        return {
            restrict: 'EA',
            require: '^ngModel',
            scope: {
                ngModel: '='
            },
            templateUrl: '/templates/filemanager.html',
            controller: ???
        }
   });

Nikos Paraskevopoulos · Accepted Answer · 2013-12-10 18:41:43Z

1

If the TypeScript class is not declared in a module, it would be as simple as:

....
controller: FileManagerController,
...

If you take a look at the Javascript compiled output of FileManagerController, you will find the function.

answered Dec 10, 2013 at 18:41

Nikos Paraskevopoulos

40.4k13 gold badges91 silver badges99 bronze badges

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

3 Comments

daniel Over a year ago

I copy pasted the function and got the error FileManagerController is not a function

Nikos Paraskevopoulos Over a year ago

Again, check the compiled TypeScript file. It does define a FileManagerController; if there are no modules, it will be global. You will also have to make sure that FileManagerController.js is loaded before the angular module. Make sure FileManagerController is loaded by calling it from the console.

daniel Over a year ago

my controller constructor is called twice now?

Collectives™ on Stack Overflow

Use controller generated by typescript in angular directive

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related