दिलचस्प पोस्ट
रिश्ते के साथ NSFetchedResultsController अद्यतन नहीं है क्या "फू कोई नहीं है" और "फू == कोई नहीं" के बीच कोई अंतर है? क्या बहु-चयन की अनुमति देने के लिए एक UITableView कॉन्फ़िगर करना संभव है? सी ++ में size_t और int के बीच अंतर क्या है? नोड। जेएस और नोड के बीच अंतर क्या है? मौजूदा ऑब्जेक्ट इंस्टेंस के लिए एक विधि जोड़ना सीएसएस में फ़ॉन्ट विस्मयकारी आइकन का उपयोग करें आईआईएस 7.5 पर एएसपी.नेट एमवीसी डीबग बनाम रिलीज .नेट में $ .jax () और $ $। () और $ .load () के बीच का अंतर कैसे यूटीएफ -8 तार की एक सरणी को सॉर्ट करने के लिए? PHP में URL डिकोडिंग जावास्क्रिप्ट का उपयोग कर पीडीएफ के रूप में एक HTML पेज में एक div डाउनलोड करें JQuery के साथ क्रॉस-डोमेन अनुरोध कैसे जेएसपी में एक हैशमैप के माध्यम से पाश?

AngularJS – एनजी-अक्षम एंकर टैग के लिए काम नहीं कर रहा है

मैं एनजी-अक्षम का उपयोग कर रहा हूं, मुझे यह पसंद है। यह इनपुट और बटन के लिए मेरे लिए अच्छा काम कर रहा है एंकर टैग के लिए काम नहीं कर रहा है मैं कैसे तय कर सकता हूं?

HTML code

 <a ng-disabled="addInviteesDisabled()">Add</a> 

JS code

  $scope.addInviteesDisabled = function() { return $scope.event.status === APP_CONSTANTS.STATUSES.PENDING_APPROVAL; }; 

वेब के समाधान से एकत्रित समाधान "AngularJS – एनजी-अक्षम एंकर टैग के लिए काम नहीं कर रहा है"

हाइपरलिंक के लिए कोई अक्षम विशेषता नहीं है तुम यह केर सकते हो:

 .disabled { cursor: not-allowed; } <a ng-click="disabled()" ng-class="{disabled: addInviteesDisabled()}">Add</a> $scope.disabled = function() { if($scope.addInviteesDisabled) { return false;} } 

आप एक linkDisabled सीएसएस वर्ग बना सकते हैं, और इसे अपने एंकर पर लागू कर सकते हैं:

 <style> .linkDisabled { cursor: not-allowed; pointer-events: none; color: grey; } </style> 

ng-disabled आप एंकर टैग को अक्षम नहीं कर सकते

प्रपत्र नियंत्रण ने संपत्ति को अक्षम कर दिया है लेकिन एंकर टैग में कोई अक्षम संपत्ति नहीं है।

जांचें कि कोणीय का एनजी-अक्षम बूटस्ट्रैप बीटीएन वर्ग के साथ क्यों काम करता है?

आप सीएसएस के माध्यम से ऐसा कर सकते हैं, कोई फैंसी निर्देशों की ज़रूरत नहीं है। बस इस तरह से एक वर्ग प्रकार लागू करने के लिए एनजी-वर्ग का उपयोग करें:

एनजी श्रेणी:

 ng-class="{disabledLink: disabledFunction()}" 

सीएसएस:

 .disabledLink { color: #ccc; pointer-events:none; } 

पूर्ण क्रेडिट को-

https://css-tricks.com/pointer-events-current-nav/

इस प्रश्न का उत्तर पहले दिया गया है: AngularJS का उपयोग कर एंकर टैग सक्षम / अक्षम करें

कस्टम निर्देश का उपयोग करें या उसके बजाय एक बटन का उपयोग करें।

हां बड्डी, हम एंकर टैग को अक्षम कर सकते हैं, देखते हैं कि यह क्या करना है। एंकर क्लिक करने योग्य है, पहले हम क्लिक को अक्षम करने के लिए तैयार होते हैं, हम संकेतक-घटनाओं द्वारा ऐसा कर सकते हैं: कोई नहीं; और फिर इसका उपयोग करने के लिए इसे अक्षम दिखाना है हम उस रंग को बदल सकते हैं जिस पर हम इसे रंग की तरह अक्षम करना चाहते हैं: # 95979A ;. फिर भी हमें यह समझने की आवश्यकता है कि यहां क्या हो रहा है, उपर्युक्त जोड़ने से एंकर टैग के क्लिक ईवेंट को अक्षम नहीं किया जाएगा। इसे रोकने के लिए हमें एनजी-विकलांग को जोड़ने की आवश्यकता है, जिसे हम विशेषता ईवेंट को disabeld = disabled के रूप में जोड़ते हैं, हमें इसे पकड़ने की जरूरत है [अक्षम] का उपयोग करके।

तो अंतिम कोड: एक [अक्षम] {संकेतक-घटनाएं: कोई नहीं; रंग: # 95 9 7 ए;} एंकर टैग के क्लिक ईवेंट को अक्षम कर देगा

उम्मीद है कि यह मदद मिलेगी धन्यवाद

जब ng-Disabled को true मूल्यांकन किया जाता true , तो उस तत्व पर disabled विशेषता सेट करता है जो आम तौर पर एक इनपुट या अन्य प्रपत्र नियंत्रण होता है। <a> टैग में disabled गुण नहीं हैं, इसलिए इसे कभी भी सेट नहीं किया जाएगा अपने लिंक पर ng-disabled को true पर सेट करने ng-disabled प्रयास करें और आप अपने लिए देखेंगे।

शायद यह मदद करेगा: एनजी-अक्षम और एंकर टैग ओह, नो!

सबसे अच्छा तरीका है अक्षम स्थिति को लंगर के कार्य में जोड़ना। इस प्रकार, कार्य केवल तब ही करते हैं जब अक्षम स्थिति की जाँच की जाती है और पारित किया जाता है

 $scope.next_kh_resource = function(){ if ($scope.selected_kh_index < ($scope.selected_step.step_kh_resources.length -1)){ var next = $scope.selected_kh_index + 1; $scope.selected_kh_index = $scope.selected_kh_index +1; $scope.selected_kh_resource = $scope.selected_step.step_kh_resources[next]; } } $scope.prev_kh_resource = function(){ if ($scope.selected_kh_index > 0){ var prev = $scope.selected_kh_index -1; $scope.selected_kh_index = prev; $scope.selected_kh_resource = $scope.selected_step.step_kh_resources[prev]; } } 

उपर्युक्त उदाहरण में, मैंने अगले और पिछली पृष्ठ पर अंक लगाना एंकर को निष्क्रिय कर दिया था जो कि अक्षमता को कार्य में डालें। उपयोगकर्ता स्मार्ट हैं वे जल्दी ही सीखेंगे कि इसका अंतिम पृष्ठ और वे अगले क्लिक कर सकते हैं लेकिन कुछ भी नहीं होगा

मुझे नेविगेशन बटंस में एक ही समस्या थी, यह समाधान मेरे प्रोजेक्ट के लिए एक अच्छा समाधान था!

 <a href="{{nextItem ? '/the-link/i-want-to-use' : '#'}}" ng-class="{'iamDisabled':!nextItem}">Some link text</a> 

असल में, दो बटन हैं (लिंक टैग के साथ बनाया गया है) एक के लिए अगले और दूसरे के लिए पिछले वहाँ दो $scope वेरिएबल्स, nextItem और prevItem , प्रत्येक बटन के लिए एक है। इसलिए अगर कोई अगला नहीं है (या पिछले) टैग ठीक से स्टाइल किया जाएगा (ताकि आप इसकी अक्षम देखें)।

जब nextItem रिक्त नहीं है, तो href href="/the-link/i-want-to-use" और जब रिक्त है, href href="#"

एनजी-अक्षम के बजाय एक अक्षम करें का उपयोग करें

  <a a-disabled="addInviteesDisabled()">Add</a>