2014-07-24 23 views
6

पर क्लिक करने के बाद बटन पर फंस गया है मेरे पास दो राज्यों के साथ एक फॉर्म है: संपादन और दृश्यमान। जब आप फॉर्म को दो बटन (सबमिट करने की तरह अभिनय) को संपादित करने के लिए आइकन पर क्लिक करते हैं तो उसे सहेजने या रद्द करने के लिए दिखाई देते हैं। जब मैं उन्हें क्लिक करता हूं तो फॉर्म अपडेट (या रद्द) होता है और बटन गायब हो जाते हैं। समस्या यह है कि जब मैं इसे संपादित करने के लिए फॉर्म को फिर से खोलता हूं (और बटन फिर से दिखाई दे रहे हैं) आखिरी बार क्लिक किया गया है, फिर भी यह क्रोम में लागू होवर स्टेट है।होवर स्टेट

 <div> 
      <div class="col-xs-5"> 
      <button class="btn btn-primary pull-right" ng-click="save(true)">Save</button> 
      </div> 

      <div class="col-xs-5 cancel-btn"> 
      <button class="btn btn-primary pull-left" ng-click="cancel()">Cancel</button> 
      </div> 
     </div> 

सरलता के लिए यहाँ सिर्फ रद्द समारोह है ...

$scope.cancel = function() { 
     //set a flag for angular to hide/show editing mode in HTML 
     $scope.editMode = false; 
    }; 
+0

कृपया अपना पूरा कोड पोस्ट करें, जेएस या सीएसएस बटन को छुपाने/दिखाने के लिए इस्तेमाल किया गया है, इसलिए हम ठीक से मदद नहीं कर सकते हैं। – Wobbles

+0

एक पहेली समस्या को बेहतर ढंग से समझने में मदद करेगी। –

+0

यह शायद एक सक्रिय/केंद्रित राज्य है, होवर राज्य नहीं। केवल अनुमान है। – runTarm

उत्तर

3

पहले के एक टिप्पणी (runTarm) में mentionned के रूप में, इस वजह से बटन के सक्रिय/ध्यान केंद्रित राज्य के है।

यह बदलने के लिए:

.btn-primary:active, 
.btn-primary:focus { 
    // place your 'default' styling over here 
} 

आप शायद अपने घोषणा के साथ और अधिक विशिष्ट होने की आवश्यकता होगी, क्योंकि मैं क्या वर्ग btn-primary साथ सभी वस्तुओं को पार कर जाएगी तैनात।

आशा है कि इससे मदद मिलती है!