小编Deb*_*ler的帖子

我正在尝试为angularjs应用程序构建一个弹出窗口(对话框)指令.(仍然很多待...)但是我制作了一个模板文件,它构建了弹出元素,并插入了使用指令元素传递的属性中的值.

问题是,我在该模板中有几个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! …

我现在正在开发一个 WordPress 主题，想知道是否有一个选项可以知道页面是否正在使用模板文件？我需要该页面的链接...谢谢！