javascript - Angularjs: ng-class not picking up class -


यहां कोड है

  & lt; body ng-app = "app" & gt; & Lt; div ng-controller = "MainCtrl" & gt; & LT; ul & gt; & Lt; li ng- दोहराने = "श्रेणी में एन" वर्ग = "परीक्षण" एनजी-वर्ग = "{{(इंडेक्स & lt; 5) & amp; amp; amp; & amp; दृश्यमान; 'अदृश्य'}}" शैली = "प्रदर्शन : inline; "& gt; & Lt; a href = "#" & gt; {{n.number}} & lt; / a & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / body & gt;   

कोणीय कोड

  var ऐप = कोणीय। मॉड्यूल ('ऐप', []); (संख्या: "2"}, {संख्या: "3"}, {संख्या: "4", "संख्या" }, {संख्या: "5"}, {नंबर: "6"}, {संख्या: "7"}, {संख्या: "8"}]}});   

मैं दृश्य या अदृश्य को कक्षा में जोड़ा नहीं देख रहा हूँ, मुझे पता है कि मुद्दों क्या हैं

आपको ng-class ( {{... ...}} में स्ट्रिंग प्रक्षेप का उपयोग नहीं करना चाहिए;

यह वाक्यविन्यास कार्य करना चाहिए:

  एनजी-वर्ग = "{दृश्य: ($ इंडेक्स & lt; 5), अदृश्य: ($ इंडेक्स & gt; = 5)}"   

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

  ng- क्लास = "{दृश्यमान: $ इंडेक्स & lt; 5}"   

यह आपको क्लीनर दिखने वाला कोड देगा।

Comments

Popular posts from this blog

sql - Return Function using Cursor -

sql server - How to use pivot in this table -

javascript - Is there any way to add a new parameter to a function programmatically? -