javascript - How to hide certain elements in angular, based on the ng-class? -


मेरे पास निम्न कोड है:

  & lt; tr ng-repeat = "सभी संस्करणों में संस्करण "एनजी-क्लास =" {{संस्करण ['सक्रिय'] == 'सच'? 'सक्रिय': 'निष्क्रिय'}} "& gt; & Lt; / टीआर & gt;   

मैं ऑब्जेक्ट के आधार पर एनजी-क्लास बना रहा हूं और इसके ठीक काम करता हूं। मुझे अपेक्षित उत्पादन मिल रहा है।

लेकिन मैं यहाँ जो चाहता हूं, ng-class जिसका मान है निष्क्रिय को शुरू में छिपाने की आवश्यकता है एक कहें बटन के क्लिक पर, उसे दिखाया जाना चाहिए मूल रूप से एक टॉगल बटन की तरह, फिर से क्लिक किए जाने पर, केवल सक्रिय फ़ील्ड दिखाता है

मैंने यह कोशिश की:

  & lt; tr ng-repeat = "सभी संस्करणों में संस्करण" एनजी-वर्ग = "{{संस्करण ['सक्रिय'] == 'सच '?' सक्रिय ':' निष्क्रिय '}} "एनजी-शो =" संस्करण [' सक्रिय '] ==' सच '' & gt; & Lt; / टीआर & gt;   

जो केवल सक्रिय दिखा रहा है, लेकिन अगर मैं बटन क्लिक पर निष्क्रिय दिखाना चाहता हूं, तो कैसे आगे बढ़ना है, इसका पता नहीं है। < / P>

निष्क्रिय होगा निष्क्रिय हमेशा से बटन के क्लिक पर शोअल कहते हैं, बटन पर क्लिक करने पर सक्रिय क्लिक करें, केवल सक्रिय वर्ग यहां दिखाया गया है।

नया करने के लिए नया, क्या ऐसा करने में कोई आसान है?

अग्रिम धन्यवाद।

आप इसे इस तरह से कर सकते हैं। नियंत्रक में यह स्थिति संपत्ति सेट:

  $ scope.status = {सक्रिय: सच};   

और HTML में:

  & lt; tr ng-repeat = "सभी संस्करणों में संस्करण | फिल्टर: स्थिति" एनजी-वर्ग = "[version.active ? 'सक्रिय': 'निष्क्रिय'] "& gt;   

फिर "सभी दिखाएँ" और "सक्रिय" बटन को इस तरह कॉन्फ़िगर किया जा सकता है:

  & lt; बटन ng- क्लिक = "स्थिति = शून्य" & gt; ; सभी दिखाएँ & lt; / बटन & gt; & Lt; बटन एनजी-क्लिक = "स्थिति = {सक्रिय: सच}" & gt; सक्रिय & lt; / बटन & gt; & Lt; बटन एनजी-क्लिक = "स्थिति = {सक्रिय: गलत}" & gt; निष्क्रिय & lt; / बटन & gt;   

डेमो:

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -