How to inject JavaScript object into dynamically added angular controller

I have added dynamic controller to my app. I want to inject JavaScript object into that controller.

Dynamic Controller

function loadEditCommentFABActionbarController($scope, EditCommentFABActionbarObject){

    var vm = this;
    vm.isOpen = false;
    vm.selectedMode = 'md-scale';
    vm.selectedDirection = 'down';

    vm.postComment = function(){
        EditCommentFABActionbarObject.postComment();   // EditCommentFABActionbarObject is a javascript object
    };

    vm.deleteComment = function(){
        EditCommentFABActionbarObject.deleteComment(); // EditCommentFABActionbarObject is a javascript object
    };
}

Added controller to module

var app = angular.module('ThinkshopAPP');

app.value("EditCommentFABActionbarObject", this); // this is javascript object, i want to inject into cotroller.
app.controller('EditCommentFABActionbarController', ['$scope', 'EditCommentFABActionbarObject', loadEditCommentFABActionbarController]);

Javascript function to add controller dynamically

function addController(elementClass, objectName){
        var element = $("."+elementClass);

        // Compile controller 2 html
        var mController = angular.element(document.getElementById("ThinkshopApp"));
        mController.scope().activateView(element, objectName);
}

Parent controller

function loadThinkshopApplicationController($scope, $compile){

     $scope.activateView = function(element, objectName) {

            $compile(element.contents())($scope);
            $scope.$apply();
     };
}