2016-05-05 6 views
17

मैंने NgStyle Documentation For Angular2 पढ़ा है। मेरे लिए थोड़ा उलझन में। किसी भी तत्व की पृष्ठभूमि छवि सेट करने के लिए (अगर ... और) जैसी स्थिति के साथ NgStyle का उपयोग करने के बारे में कोई विचार?कंडीशन [NgStyle] कंडीशन के साथ (यदि..else)

उत्तर

23

ngStyle बाध्यकारी के अंदर एक टर्नरी ऑपरेटर का उपयोग करना एक/अन्य स्थिति के रूप में कार्य करेगा।

<div [ngStyle]="{'background-image': 'url(' + value ? image : otherImage + ')'}"></div> 
+0

प्रतिभाशाली! धन्यवाद। –

17

एक भी हालत इस तरह का उपयोग कर सकते हैं:

<div [ngStyle]="myBooleanVar && {'color': 'red'}"></div> 

यह थोड़ा कम स्ट्रिंग संयोजन की आवश्यकता है ...

संबंधित मुद्दे