angularjs निर्देशक '$ element' एनजी-अगर

Question

की वजह से एक टिप्पणी है, तो मैं अपने कोणीय अनुप्रयोग के लिए पॉपअप (संवाद) निर्देश बनाने की कोशिश कर रहा हूं। (अभी भी बहुत सारे ...) हालांकि मैंने एक टेम्पलेट फ़ाइल बनाई है जो निर्देश तत्व के साथ पारित गुणों से मूल्यों को सम्मिलित करने के साथ पॉपअप तत्व बनाता है।

बात मैं उस टेम्पलेट में है, है दायरे में संपत्तियों की विभिन्न मूल्यों की जाँच के लिए कुछ एनजी-आईएफएस, जैसे

<!-- ngIf: active --> 

से पहले और प्रासंगिक तत्वों के बाद

तो कोणीय आवेषण टिप्पणी नहीं। तो मुझे नियंत्रक में $ तत्व तर्क में वास्तविक तत्व की बजाय टिप्पणियां मिलती हैं!

क्यों कोणीय टिप्पणियों को छोड़ना नहीं है? मैं उस पर कैसे जा सकता हूं ??

मेरे टेम्पलेट कोड (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! ***/ 

    }], 
}; 
}]); 

मैं किसी भी टिप्पणी के लिए बहुत thankfull होगा।

Answer 1

मुझे यकीन है कि मैं पूरी तरह से अपनी समस्या को समझते हैं, लेकिन मुझे लगता है, ng-if के बजाय ng-show और ng-hide का उपयोग कर की सिफारिश करेंगे अगर आप उन तत्वों पर निर्देशों के साथ काम करना चाहते हैं के रूप में उत्तरार्द्ध वास्तव में किसी भी ईवेंट हैंडलर्स आप के माध्यम से आवेदन के साथ पेंच कर सकते हैं नहीं कर रहा हूँ निर्देशों।

ng-if साथ नोड जोड़ा जाता है और डोम (इस प्रकार मैं अपने निर्देश में एक टिप्पणी की तरह डाला लगता है), जबकि ng-show और ng-hide सिर्फ नोड स्टाइल के माध्यम से अदृश्य कर से हटा दिया, किसी भी संचालकों को जीवित रखने और आप सामग्री हेरफेर करने की अनुमति आसानी से।