ng-中的自定义角度指令（如果未显示）

Question

我的自定义指令（alert-animate）之一未显示时出现问题。

在popinState更改为inprogress并恢复为update之后，就会发生此问题。 自定义指令以某种方式不显示...

我已经调试了应用程序，并且该指令的链接功能确实被调用。 我不知道为什么该指令没有显示出来...

alert-animate指令定义：

(function () {
    angular.module('commonModule').directive('alertAnimate', function ($animate, $timeout, $rootScope) {
        return {
            restrict : 'E',
            replace : true,
            scope : {
                type : '@',
                zone : '@',
                timeout : '@'
            },
            link : function (scope, iElement) {
                // if there is no timeout defined, we fix it to 5 second
                if (angular.isUndefined(scope.timeout)) {
                    scope.timeout = 5000;
                }

                $rootScope.$on(scope.zone + '::' + scope.type, function (e, message) {
                    // Create alert div
                    var messageElement = angular.element('<div class="alert alert-' + scope.type + '"></div>');
                    messageElement.append(message);

                    iElement.empty();
                    iElement.append(messageElement);

                    // create animation after the delay
                    $timeout(function () {
                        $animate.leave(messageElement);
                    }, scope.timeout);
                });
            }
        };
    });
})();

ng-if指令中的alert-animate用法：

<div ng-if="popinState['save-mappings'] === 'update'">
    <div class="modal-body">
        <fieldset class="marginb">
            <legend>Modifier</legend>
            <alert-animate type="danger" zone="POPIN_SAVE"></alert-animate>
            ...
    </div>
</div>

<div ng-if="popinState['save-mappings'] === 'inprogress'">
    <div class="modal-body">
        <uib-progressbar min="0" max="100" value="100" class="progress-striped active">Le mapping est en cours d'enregistrement...</uib-progressbar>
    </div>
</div>

这是错误消息的显示方式：

    $scope.showErrorMessage = function (zone, message) {
        $rootScope.$broadcast(zone + '::danger', message);
    };

编辑 ：标记<alert-animate type="danger" zone="POPIN_SAVE"></alert-animate>确实显示在chrome控制台的源中，但这是未显示的错误消息。