Question

我正在尝试通过角度服务编译指令，但不幸的是它不起作用。这个想法是在弹出窗口中显示错误。

我修改了 $ exceptionHandler 服务：

crm.factory('$exceptionHandler', function(popup) {
    return function(exception) {
        popup.open({message: exception});
    }
});

弹出服务如下所示：

crm.factory('popup', function ($document) {
    return {
        open: function (data) {
            var injector = angular.element(document).injector(),
                $compile = injector.get('$compile'),
                template = angular.element('<popup></popup>');

            // var ctmp = $compile(template.contents());
            $compile(template.contents());

            $document.find('body').append(template);
        }
    };
});

我认为这不是硬代码 $ compile 服务的好主意（但我没有任何想法如何以角度实现这一点）：

$compile = injector.get('$compile')

弹出式指令：

crm.directive('popup', function () {
    return {
        restrict: 'E',
        replace: true,
        templateUrl: '/public/js/templates/common/popup.html',
        link: function() {
            console.log('link()');
        },
        controller: function () {
            console.log('ctrl()');
        }
    };
});

可能还有其他一些方法可以做到这一点吗？感谢。

Answer 1

您可以将$compile直接注入您的服务，但您还没有正确使用$compile：

//commented alternative lines for allowing injection and minification since reflection on the minified code won't work
//crm.factory('popup', ['$document', '$compile', function ($document, $compile) {
crm.factory('popup', function ($document, $compile) {
    return {
        open: function (data) {
            var template = angular.element('<popup></popup>'),
                compiled = $compile(template);

            $document.find('body').append(compiled);
        }
    };
});
//closing bracket for alternative definition that allows minification
//}]);

通过angularjs中的服务编译指令

1 个答案: