angularjs - Angular bootstrap change button colors on click -


मेरे पास निम्न है

  & lt; बटन प्रकार = "बटन" class = "btn बीटीएन-डिफॉल्ट "एनजी-क्लिक =" शोमोअरफंक ('शैक्षणिक') "& gt; शैक्षणिक & lt; / button & gt; & Lt; बटन प्रकार = "बटन" वर्ग = "बीटीएन बीटीएन-डीफॉल्ट" एनजी-क्लिक = "शोमोरेफन्क ('प्रैक्टिसाइंस')" & gt; एप्लाइड साइंस & lt; / button & gt;   

जब हम + चिह्न पर क्लिक करते हैं, तो मुझे 2 बटन के साथ एक पैनल देता है I ये बटन डिफ़ॉल्ट पर सेट हैं लेकिन मुझे एक फ़ंक्शन है जो प्राइमरी जब भी क्लिक किया जाता है (सक्रिय) बटन को सेट करना चाहते हैं, और जब यह अनचेक है या डिफ़ॉल्ट पर वापस जाता है दूसरा बटन क्लिक किया जाता है

मैं इस कार्यशीलता को कैसे प्राप्त करूं?

बस एनजी-

  & lt; बटन प्रकार = "बटन" एनजी-वर्ग = "{'बीटीएन-प्राथमिक': डिस्प्ले। अकादमिक} "एनजी-क्लिक =" शोमोरेफंक ('शैक्षिक') "& gt; शैक्षणिक & lt; / button & gt; & Lt; बटन प्रकार = "बटन" एनजी-क्लास = "{'बीटीएन-प्राथमिक': display.appliedsciences}" एनजी-क्लिक = "शोमोरेफंक ('अनुप्रयोजन')" & gt; एप्लाइड साइंस & lt; / button & gt;   

यहाँ एक कार्यशील डेमो है:

नोट: मैंने showMoreFunc फ़ंक्शन में कुछ तर्क को मजबूत करने पर एक शॉट लिया मुझे लगता है कि यह काम करता है, लेकिन आपका मूल कोड एनजी-क्लास :

  $ scope.showMoreFunc = function (देखें) {$ scope.display.appliedsciences = (देखें == "अनुवांशिकता" & amp;! $ Scope.display.appliedsciences); $ Scope.display.academic = (देखें == "शैक्षणिक" & amp;! $ Scope.display.academic); }    

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -