वहाँ angular2 में एनजी-अक्षम के लिए कोई विकल्प है?

Question

मैं विकास के लिए कोणीय 2 का उपयोग कर रहा हूं और सोच रहा था कि क्या ng-disabledकोणीय 2 में कोई विकल्प है ।

पूर्व के लिए। नीचे का कोड angularJS में है:

<button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}">
    <i class="fa fa-chevron-right fa-fw"></i>
</button>

बस मैं जानना चाहता था कि मैं इस कार्यक्षमता को कैसे प्राप्त कर सकता हूं? कोई जानकारी?

Comments

"! nextLibAvailable" [विकलांग] = इस पराक्रम मदद की कोशिश

— मयूर

Answer 1

disabledसंपत्ति trueया falseउपयोग करने के लिए सेट करना

<button [disabled]="!nextLibAvailable" (click)="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib"> {{libraries.name}}">
    <i class="fa fa-chevron-right fa-fw"></i>
</button>

Comments

केवल <button>,उस पर काम करता है (क्या यह सच है?), जो उचित है। एल्स में एरर मैसेज मिलता है (यानी जब उसे बांधने की कोशिश की जाती है <a>) `अक्षम 'के लिए बाध्य नहीं किया जा सकता क्योंकि यह' ए '` की ज्ञात संपत्ति नहीं है

— लाल मटर

यह प्रत्येक तत्व पर काम करता है जिसके पास एक disabledसंपत्ति है। यह भी देखें stackoverflow.com/questions/35431188/angular

— गुंटर ज़ोचबॉयर

Answer 2

[attr.disabled]="valid == true ? true : null"

आपको nullhtml element से attr को हटाने के लिए उपयोग करना होगा।

Comments

कोणीय> 2.x के लिए यह सही तरीका है [attr.disabled] का उपयोग करके

— dale

attr.केवल तभी आवश्यक है जब तत्व के पास कोई disabledसंपत्ति न हो । बटन और इनपुट तत्वों जैसे तत्वों के attr.लिए बेमानी है। ऐसे तत्वों के लिए जिनके पास कोई disabledसंपत्ति नहीं है attr.disabled, केवल तभी सार्थक है जब आप इसे सीएसएस द्वारा संबोधित करते हैं ताकि यह अक्षम (माउस पॉइंटर, ग्रे रंग, ...) की तरह दिख सके

— Günter Zöchbauer

हां, यह सबसे अच्छा तरीका है जब कुछ तत्व में अक्षम संपत्ति डिफ़ॉल्ट नहीं है।

— विराज

आप यहां एक समाधान देख सकते हैं - यह आपके घटकों में इस विशेषता के साथ काम करता है HTML [attr.aria-disabled]="myPropReflectingIfDisabled"। aria-disabled="true"यदि myPropReflectingIfDisabledहै तो यह एक विशेषता जोड़ देगा true।

— नेटसी

Answer 3

यहाँ एक समाधान है aular 6 के साथ उपयोग कर रहा हूँ।

[readonly]="DateRelatedObject.bool_DatesEdit ? true : false"

ऊपर दिया गया उत्तर

[attr.disabled]="valid == true ? true : null"

मेरे लिए काम नहीं किया है, क्योंकि यह बूल की उम्मीद कर रहा है क्योंकि अशक्त कारण का उपयोग करने के बारे में पता होना चाहिए।

Comments

[readonly] = "DateRelatedObject.bool_DatesEdit? सच: असत्य" कोणीय 6+ के साथ काम करता है

— somedev

Answer 4

कोणीय 4+ संस्करणों के लिए आप कोशिश कर सकते हैं

<input [readonly]="true" type="date" name="date" />

Answer 5

हां आप या तो [विकलांग] = "सही" सेट कर सकते हैं या यदि यह एक रेडियो बटन या चेकबॉक्स है तो आप बस अक्षम का उपयोग कर सकते हैं

रेडियो बटन के लिए:

<md-radio-button disabled>Select color</md-radio-button>

ड्रॉपडाउन के लिए:

<ng-select (selected)="someFunction($event)" [disabled]="true"></ng-select>