由于ng-if,angularjs指令的’$element’是注释

问题是,我在该模板中有几个ng-ifs用于检查范围中不同的属性值,然后角度插入像

<!-- ngIf: active -->

前后相关要素.所以我得到注释而不是控制器中$element参数中的实际元素！

为什么没有角度跳过那里的评论？我怎么能克服那个？

我的模板代码(popup_template.html)：

<div class="{{className}}" ng-if="active" style="{{popupStyle}}" ng-keyup="closeByEscape($event)">
    <div class="vex-overlay" style="{{overlayStyle}}"></div>

    <div class="vex-content" style="{{contentStyle}}">
        <form class="vex-dialog-form" ng-if="type=='plain'">
            <div class="vex-dialog-message" ng-if="message!=null">
                {{message}}
            </div>
        </form>
        <div ng-if="type=='advanced'" class="transcluded">

        </div>
        <div class="vex-close" ng-if="showCloseButton" ng-click="close()"></div>
    </div>
</div>

现在我的角度代码：

app.directive('popup',['popupfactory','$timeout',function (popupfactory,$timeout) {
return {
    restrict: 'E',replace: true,templateUrl: 'popup_template.html',transclude: true,scope: false,link: function (scope,element,attrs,$timeout) {

        /* Declarations of all scope variables*/

        /*** Here,element is a comment! ***/

    },controller: ['$scope','$element','$attrs','$transclude','$http',function ($scope,$element,$attrs,$transclude,$http) {

      /*** Here,$element is a comment! ***/

    }],};
}]);

我会非常感谢任何评论.