在AngularJS中为事件注入模态$的指令

Question

如何创建一个指令，该指令注入固定位置模态或直接在指令所附加的元素下面？因此，在指令中，我希望使用范围。$ on来触发直接在元素下面注入。

到目前为止，这是我的代码：

angular.module('mobileDashboardApp')
    .directive('httpErrorMessage', function (HTTPErrors) {
        return {
            template: '<div></div>',
            link: function(scope, element, attrs) {
                console.log("hello");
                scope.$on(HTTPErrors.badRequest, function (event, args) {
                    // Inject template directly below 'element' <-- part I'm not sure how to do
                });
            }
        };
    });