दिलचस्प पोस्ट
विशाल बफड़े छवि बनाने SQL सर्वर में त्रिभुज (गोल नहीं) दशमलव स्थान JPA / JAX-RS वेब सेवा में JAXBElement मान्य करें इकाई फ़्रेमवर्क VS LINQ से SQL VS ADO.NET संग्रहीत कार्यविधियों के साथ? asp.net mvc एक अलग परियोजना में नियंत्रकों रखा लिनक्स वीआई तीर कुंजी को सम्मिलित मोड में तोड़ दिया सृजन पर एक वर्ग को स्वचालित रूप से पंजीकरण कैसे करें ASP.NET MVC में दृश्य संकलित करें कैसे एक .NET विधानसभा में एक पाठ फ़ाइल एम्बेड? उदाहरण के स्तर पर एक विधि को ओवरराइड करें वैकल्पिक वर्ण से मेल करने के लिए रेगेक्स प्रोग्राम शुरू नहीं किया जा सकता क्योंकि libgcc_s_dw2-1.dll अनुपलब्ध है कैसे सेट सीमित करने के लिए केवल "वैध" उपयोग करता है? PHP एक स्ट्रिंग में स्ट्रिंग की पिछली घटना को बदलें? Mockito – doReturn (और) के बीच का अंतर ()

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

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

HTML code

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

JS code

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

Solutions Collecting From Web of "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>