How to use angular-filemanager addon in Ember

I installed angular-filemanager with bower install angular-filemanager --save and imported the necessary dependencies in ember-cli-build.js.

  app.import('bower_components/angular/angular.js');
  app.import('bower_components/angular-translate/angular-translate.min.js');
  app.import('bower_components/jquery/dist/jquery.min.js');
  app.import('bower_components/ng-file-upload/ng-file-upload.min.js');
  app.import('bower_components/bootstrap/dist/js/bootstrap.min.js');
  app.import('bower_components/angular-filemanager/dist/angular-filemanager.min.css');
  app.import('bower_components/angular-filemanager/dist/angular-filemanager.min.js');

Then I created a component, but I am not sure how to use the angular-filemanager directive.

component.js:

angular.module('angular-filemanager', []).directive('somedirective', function() {
    return { template: 'test  test' };
}).run(function($rootScope){ $rootScope.model = model; });
angular.bootstrap(this.element, ['angular-filemanager']);

template.js:

<div somedirective="model"></div>

I don't know much about angular and I just started learning ember a few months ago. All I have been able to do for this is run that function directive.