Javascript 如何在AngularJS的模板属性中调用服务内的指令？

以下是指令代码和服务代码。如何在服务内部调用指令。以及如何调用动态模板

指令码

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

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

angular.module（'TestModule'）。指令（'mymodalwindow'，函数（）{
返回{
限制：'E'，
模板：“”+
“{modalOptions.headerText}”+
'' +       
};
});

服务代码

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

        };}
        ]);

angular.module（'TestModule'）.service（'modalService'，['$modal'，
功能（$modal）{
var modalDefaults={
背景：没错，
键盘：没错，
莫达法德：没错，
template://How 在这里调用上面的define指令？？1方法是如何传递指令，而不是给出固定的指令名
};}
]);

将模板置于指令之外：

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>

{{modalOptions.headerText}

将模板置于指令之外：

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>

{{modalOptions.headerText}

我的处境与此完全相同——需要一个模式对话框服务，并且希望以一种比将服务注入DOM更具角度的方式来实现它

---

我能找到的最佳方法是让模式服务创建自己的控制器，如中所述。

我处于完全相同的情况下——需要一个模式对话框服务，并且希望以一种比将服务注入DOM更具角度的方式来做这件事

---

我能找到的最佳方法是让模式服务创建自己的控制器，如中所述。

为什么需要从服务调用指令？。您可以将服务注入到指令中，但不能将指令注入到服务中。我需要从控制器方法调用modalService，它将弹出对话框模态。并且需要用其他模板替换服务的模板。将服务注入控制器。查看方法：为什么需要从服务调用指令？。您可以将服务注入到指令中，但不能将指令注入到服务中。我需要从控制器方法调用modalService，它将弹出对话框模态。并且需要用其他模板替换服务的模板。将服务注入控制器。看看如何：