javascript - Exclusive selecting list elements -

मेरे पास एक अनोर्ड सूची है:

  & lt; ul & gt; & Lt; li एनजी-क्लास = "{'सक्रिय': चयनित}" एनजी-क्लिक = "चयनित =! सिल्क्टेड" & gt; स्टफ़ 1 & lt; / li & gt; & Lt; li ng-class = "{'सक्रिय': चयनित}" एनजी-क्लिक = "चयनित =! सिल्क्टेड" & gt; स्टफ 2 & lt; / li & gt; & Lt; li एनजी-क्लास = "{'सक्रिय': चयनित}" एनजी-क्लिक = "चुने गए =! सिल्क्टेड" & gt; स्टफ़ 3 & lt; / li & gt; & Lt; / ul & gt;  

मैं एक सूची आइटम को उपयोगकर्ता को चुनने के लिए एक क्लास को लागू करना चाहता हूं। केवल एक आइटम उस समय एक ही वर्ग हो सकता है इस दृष्टिकोण के लिए सबसे अच्छा कोणीय-इश तरीका क्या है? लगभग एक दर्जन तत्व हैं या तो, मैं प्रत्येक आइटम के लिए एक नया चर घोषित नहीं करना चाहता हूं।

< P> प्रत्येक आइटम के लिए एक संपत्ति सेट करें:

  & lt; ul & gt; & Lt; li ng-class = "{'सक्रिय': चयनित == 1}" एनजी-क्लिक = "चयनित = 1" & gt; सामग्री 1 & lt; / li & gt; & Lt; li ng- वर्ग = "{'सक्रिय': चयनित == 2}" एनजी-क्लिक = "चयनित = 2" & gt; सामग्री 2 & lt; / li & gt; & Lt; li ng-class = "{'सक्रिय': चयनित == 3}" एनजी-क्लिक = "चयनित = 3" & gt; सामग्री 3 & lt; / li & gt; & Lt; / ul & gt;