2016-08-18 12 views
6

का उपयोग करके मैंने एक प्लंक बनाया है जिसमें मैं एक फॉर्म को सत्यापित करना चाहता हूं जिसमें फ़ॉन्ट-कमाल का उपयोग करके बनाए गए बटन हैं। टेक्स्ट फ़ील्ड आवश्यक है और यदि कोई डेटा दर्ज नहीं किया गया है, तो मैं आइकन को अक्षम करना चाहता हूं। लेकिन ng-disabled फ़ॉन्ट कार्यक्षमता आइकन के साथ इस कार्यक्षमता का समर्थन नहीं कर रहा है। किसी को भी इस मुद्दे का सामना करना पड़ा अपने विचार साझा before.Please है ..एनजी-अक्षम <i> टैग के साथ काम नहीं कर रहा है फ़ॉन्ट-भयानक

कृपया एक बटन के अंदर फेंकना लगता है here

+0

आपके संदर्भ के लिए: http://stackoverflow.com/questions/30891858/how-to-disable-a-font-awesome-button -इन-jquery –

उत्तर

6

यह प्लेस और यह काम करना चाहिए:

<button ng-disabled="testForm.$invalid" ng-click="$ctrl.checkIfClicked()"> 
     <i class="fa fa-floppy-o fa-2x"></i> 
    </button> 

आप की शैली फ़ॉर्मेट कर सकते हैं जिस तरह से आप चाहते हैं बटन।

0

फ़ाइल सीएसएस में आप जोड़ सकते हैं

.disabled {कर्सर: नहीं-अनुमति दी; }

और html फ़ाइल में, आप बदलना

<i class="fa fa-floppy-o fa-2x" ng-class="{disabled: testForm.$invalid}" aria-hidden="true" ng-click="$ctrl.checkIfClicked()"></i> 
+1

लेकिन फिर भी आप बटन पर क्लिक करने में सक्षम होंगे। ठीक है? – forgottofly

+0

@forgottofly हां – phuchoangmai

संबंधित मुद्दे