how to Invoke directive function from javascript

Question

JavaScript function:

 var API = (function(){
        return {
            function invokeDirective(){
                invvoke();
                $scope.setItem() // to directive
            }       
        }
    });

Directive:

angular.module('sampleComponents', ['$strap.directives']).directive('titlebar',
function($filter,$timeout)
{
    return {
        restrict: 'AE',
        replace: true,
        scope: true,
        transclude: true,
        template: '<div class="searchBar r  etc ........',
        controller: function($scope,$http,$timeout)
        {
            $scope.setItem = function(){
                // want to invoke this function from api.js -
            }
        }
        link: function(scope, element, attrs){
            // etc:
        }

});

how can I invoke $scope.setItem from api.js? Is it possible? Please suggest.

(currently, I am using timer, but that is creating some performance issue )

API.js should itself be an Angular service, injected into your directive as a dependency. You should then expose the service's calls via an external API if required. — CodingIntrigue
– CodingIntrigue, Commented Nov 26, 2014 at 8:45

Tyler.z.yang · Accepted Answer · 2014-11-27 02:34:17Z

1

Yes, you can do that with a very hacky way.

Demo code:

//This is too get scope outside of angular controller/service/directive
//with a hacky way to do that.

var $injector =angular.injector(['ng','MyApp']);
var html = "<div titlebar=''></div>";
$injector.invoke(function($compile, $rootScope){
    var $scope = $rootScope.$new();
    var result= $compile(html)($scope);

    var cScope = result.scope(); // This is scope in directive controller. :  )
    //Do anything you want with this scope .
});

This is Jsfiddle.

Happy coding. : )

answered Nov 27, 2014 at 2:34

Tyler.z.yang

2,4601 gold badge20 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

how to Invoke directive function from javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related