"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > एनजी-स्टाइल का उपयोग करके AngularJS में बैकग्राउंड इमेज को गतिशील रूप से कैसे सेट करें?

एनजी-स्टाइल का उपयोग करके AngularJS में बैकग्राउंड इमेज को गतिशील रूप से कैसे सेट करें?

2025-03-23 ​​पर पोस्ट किया गया
ब्राउज़ करें:479

] हालाँकि, जब यह पृष्ठभूमि छवियों को सेट करने की बात आती है, तो एनजी-शैली का उपयोग करने से अधिक सुरुचिपूर्ण समाधान मिलता है। एक संभावित समाधान डबल घुंघराले ब्रेसिज़ के भीतर URL को मैन्युअल रूप से समेटना है, लेकिन यह बोझिल और अपठनीय हो सकता है। उदाहरण के लिए, निम्न कोड स्निपेट एक सूची आइटम (ली) तत्व की पृष्ठभूमि छवि को आधार url और imgurl चर के मान से बना एक url के लिए सेट करता है:

How to Dynamically Set Background Images in AngularJS using ng-style?

लाभ:

त्रुटि रोकथाम:

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

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3