How to call a directive inside a service in template attribute in AngularJS?

Question

Below is the directive code and service code. How to call a directive inside the service.And how to call dynamic templates

Directive Code

angular.module('TestModule').directive('mymodalwindow', function () {
    return {        
        restrict: 'E',       

        template: '<div class="modal-header">' +
    '<h3>{{modalOptions.headerText}}</h3>' +
'</div>' +       
    };
});

Service Code

angular.module('TestModule').service('modalService', ['$modal',
    function ($modal) {
        var modalDefaults = {
            backdrop: true,
            keyboard: true,
            modalFade: true,
            template://How to call the above define directive here?? 1 way is <mymodalwindow></mymodalwindow> But how to pass the directives instead of giving fixed directive name

        };}
        ]);

Why do you need to call a directive from service?. You can inject a service into directive but not directive into service — mggSoft
– mggSoft, Commented Aug 21, 2015 at 8:17
I need to invoke the modalService from controller method, which will pop up the dialog modal. and need to replace the template of service with some other template. — Jaskaran Bal
– Jaskaran Bal, Commented Aug 21, 2015 at 8:34
Inject service into controller. See how: stackoverflow.com/questions/16876748/… — mggSoft
– mggSoft, Commented Aug 21, 2015 at 8:43

mggSoft · Accepted Answer · 2015-08-21 08:32:10Z

0

Takes the template outside the directive:

angular.module('TestModule').directive('mymodalwindow', function () {
    return { 
        restrict: 'E',
        templateURL: 'app/template/myTemplate.html'
    };
});

MyTemplate.html:

<div class="modal-header">
    <h3>{{modalOptions.headerText}}</h3>
</div>

edited Aug 21, 2015 at 8:32

answered Aug 21, 2015 at 8:17

mggSoft

1,0522 gold badges24 silver badges37 bronze badges

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

Comments

Lee Goddard · Accepted Answer · 2016-06-07 14:01:22Z

0

I'm in the exact same situation -- needing a modal dialog service, and wanting to do it in a more Angular way than having a service injecting into the DOM.

Best approach I can find is to have the modal service create its own controller, as outlined in this post.

answered Jun 7, 2016 at 14:01

Lee Goddard

11.3k5 gold badges53 silver badges71 bronze badges

Collectives™ on Stack Overflow

How to call a directive inside a service in template attribute in AngularJS?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related