AngularJS: एनजी-अगर कस्टम व्यवहार

परियोजना कोणीयज का उपयोग करती है, परियोजना पहले से ही काफी बड़ी है, हम बहुत सारे कस्टम निर्देशों का उपयोग करते हैं, लेकिन आज मैं ng-if



इफ व्यवहार की समस्या में भाग गया।



मेरे लिए यह उम्मीद की जा रही थी कि यह स्थिति js के समान ही काम करेगी, अर्थात:

 if (condition) { ... } else { .... }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

प्रेषित होने के आधार पर, तत्व छिपा या दिखाया जाएगा।







मेरे मामले में, ng-if="column.is_available"



में किसी फ़ील्ड की उपस्थिति ng-if="column.is_available"



। फ़ील्ड प्रकार एक स्ट्रिंग है, लेकिन कई विकल्प हो सकते हैं:

• हां
• नहीं
• % N% दिनों के बाद
• और इसी तरह

हालत ठीक होने तक सब कुछ ठीक था । यह पता चलता है कि जब कोई ऐसी स्थिति होती है, जिसमें असामान्य (कम से कम मेरे लिए) व्यवहार की जाँच करते समय कोणीयज ट्यूलियन फ़ंक्शन का उपयोग करते हैं :

 function toBoolean(value) { if (typeof value === 'function') { value = true; } else if (value && value.length !== 0) { var v = lowercase("" + value); value = !(v == 'f' || v == '0' || v == 'false' || v == 'no' || v == 'n' || v == '[]'); } else { value = false; } return value; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

यही है, यह लाइनों के साथ false



रिटर्न करता है:

• च
• 0
• नहीं
• n
• []

आधिकारिक दस्तावेज इस बारे में कुछ नहीं कहता है। शायद कुछ मामलों में यह शांत और आरामदायक है, लेकिन मेरा नहीं है। कम से कम इस तरह के चेक के लिए, आपको अतिरिक्त निर्देश, ng-extra-if="condition"



का उपयोग करने की आवश्यकता है, और सामान्य ng-if



- सामान्य रूप से, जैसे कि जेएस में।



इस तरह की समस्या का हल:

 <div ng-if="isAvailable(row.is_available)">
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

 $scope.isAvailable = function(is_available){ return !!is_available; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

लेकिन आप यह भी कर सकते हैं:

 <div ng-if="!!row.is_available">
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

यह ng-hide



और ng-show



पर भी लागू होता है।