कोणीय जेएस:

Question

निर्देशित करने के लिए बुलियन मूल्य पास करना मैं अपने निर्देश में बूलियन मान पास नहीं कर सकता।

<city-zip city="clientCity" zip="clientZip" requiredParam="'true'"></city-zip> 

और निर्देश:

.directive('cityZip', function() { 
    return { 
     restrict: 'E', 
     templateUrl: '../templates/templateCityZip.html', 
     scope: { 
      city: '=', 
      zip: '=' 
     }, 
     controller: function($scope) {} 
    } 
}); 

किसी भी मदद की बहुत सराहना की जाएगी

यहाँ मेरी HMTL है। ,

return { 
    // code 
    link: link 
} 

function link(scope, $el, attrs) { 
    var requiredParam = attrs.requiredParam === 'true'; 
} 

कि एक बूलियन के लिए स्ट्रिंग मान विवश होंगे (यदि स्ट्रिंग मान 'सही' है, यह सच वापस आ जाएंगे, अन्यथा यह करना होगा:

Answer 1

एचटीएमएल

<city-zip city="clientCity" zip="clientZip" required-param="true"></city-zip> 
<city-zip city="clientCity" zip="clientZip" required-param="{{ someBooleanValue }}"></city-zip> 

कोणीय

.directive('cityZip', function() { 
    return { 
     restrict: 'E', 
     templateUrl: '../templates/templateCityZip.html', 
     scope: { 
      city: '=', 
      zip: '=', 
      requiredParam:'@' 
     }, 
     link: function(scope) { 
      console.log("requiredParam", scope.requiredParam); 
     } 
    } 
}) 

Answer 2

link के अंदर, आप विशेषता का उपयोग कर सकते झूठी वापसी।)

यहां मुख्य भाग यह है कि !!'true' और !!'false' दोनों के बाद से स्ट्रिंग मान "सत्य" या "झूठी" को अपने बूलियन रूप में परिवर्तित करने का तरीका है। समाधान और विस्तारित चर्चा के लिए this answer देखें।

यदि आपको अपने नियंत्रक में मान का उपयोग करने की आवश्यकता है, तो आप scope ऑब्जेक्ट में एक ही पैटर्न कर सकते हैं और इसे अपने कूड़े हुए रूप में युग्मित नियंत्रक में पास कर सकते हैं।

Answer 3

3 मानकों है कि आप लिंक समारोह जो निर्देश पर काम में पारित कर सकते हैं कर रहे हैं। पैरामीटर्स scope, element और attributes हैं।

1. scope नियंत्रक कि निर्देश के तहत रखा जाता है की गुंजाइश देता है।

2. element डोम तत्व है जिस पर वह

3. गुण सभी डोम तत्व गुण उस तत्व पर कर रहे हैं के बारे में जानकारी गुजरता लागू किया जाता है के बारे में जानकारी से गुजरता है।

   <city-zip ng-app="myapp" city="clientCity" zip="clientZip" required-param="true"></city-zip> 
   
   angular.module("myapp", []).directive('cityZip', function() { 
   return { 
       restrict: 'E', 
       templateUrl: '', 
       scope: { 
        requiredParam:'@' 
       }, 
       link: function(scope, $el, attrs) { 
        alert(attrs.requiredParam); 
       } 
   } 
   

   })

कार्य jsFiddle

Answer 4

मैं सबसे सरल/साफ जवाब अभी तक इस प्रश्न के लिए शामिल नहीं किया गया है लगता है। यह जवाब भी एक बूलियन विशेषता के लिए HTML5 Spec भीतर फिट बैठता है - http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes

2.5.2 बूलियन गुण

विशेषताओं का एक नंबर बूलियन विशेषताएँ हैं। तत्व पर बूलियन विशेषता की उपस्थिति वास्तविक मान का प्रतिनिधित्व करती है, और विशेषता की अनुपस्थिति झूठी मान का प्रतिनिधित्व करती है।

तो विशेषता मौजूद है, अपने मूल्य या तो खाली स्ट्रिंग या विशेषता के विहित नाम के लिए एक ASCII केस-संवेदी मुकाबला नहीं है कि, कोई प्रमुख या खाली स्थान के अनुगामी के साथ एक मान होना चाहिए।

बुलियन विशेषताओं पर "सत्य" और "झूठी" मानों की अनुमति नहीं है। पर एक झूठा मान का प्रतिनिधित्व करता है, विशेषता को पूरी तरह से छोड़ा जाना है।

HTML:

<city-zip city="clientCity" zip="clientZip" requiredParam></city-zip> 

और निर्देश:

.directive('cityZip', function() { 
    return { 
     restrict: 'E', 
     templateUrl: '../templates/templateCityZip.html', 
     scope: { 
      city: '=', 
      zip: '=' 
     }, 
     controller: function($scope, $attrs) { 
      $scope.requiredParamExists = $attrs.hasOwnProperty('requiredParam'); 
     } 
    } 
}); 

सरल, बूलियन विशेषताओं के लिए एचटीएमएल 5 कल्पना, और एक गुंजाइश चर के लिए एक स्ट्रिंग मजबूर करने के लिए कोई ज़रूरत नहीं के साथ सफाई से फिट बैठता है ('requiredParam': '=')।

उपरोक्त उदाहरण कोड में नोट करें, यदि आवश्यक हो, तो आवश्यक चर $scope और $attrs एक छोटी स्ट्रिंग में बदल जाएंगे और कोड तोड़ देंगे, लेकिन यह एक और मुद्दा है।