मैंने अपनी छवि के लिए पृष्ठभूमि यूआरएल डालने की कोशिश की

 <div  [ngStyle]="{'background-image': 'url(' + https://s3-us-west-2.amazonaws.com/mysite/l/{{event.photo}} + ')'}"></div>

मुझे यह त्रुटि मिल रही है

Parser Error: Got interpolation ({{}}) where expression was expected 

क्या कोई मेरी मदद कर सकता है।धन्यवाद।

0
MMR 4 मई 2017, 15:32
1
{{}} का उपयोग ngXXX में नहीं किया जा सकता।
 – 
Pengyy
4 मई 2017, 15:59

5 जवाब

मैं नियंत्रक में स्टाइलस्ट्रिंग बनाने का सुझाव दूंगा। बस अपने कोड में एक साधारण चर का उपयोग करें। इस तरह से ज्यादा साफ।

1
Fribu - Smart Solutions 4 मई 2017, 15:36
फ़्राइबू निर्विवाद रूप से सही है - आपको अपने डेटा को नज़र से दूर रखना चाहिए। अगर आप इस बार अपना तरीका नहीं बदलना चाहते हैं, तो इस तरह से प्रक्षेप कोष्ठक हटा दें: 'url(https://s3-us-west-2.amazonaws.com/mysite/l/' + event.photo + ')'
 – 
mankers
4 मई 2017, 16:17

आप प्रॉपर्टी बाइंडिंग और इंटरपोलेशन का एक साथ उपयोग नहीं कर सकते हैं।

तो केवल नीचे दिए गए कोड का उपयोग करके देखें property binding

<div [ngStyle]="{'background-image': 'url(https://s3-us-west-2.amazonaws.com/mysite/l/' + event.photo + ')'}"></div>

आशा है कि यह आपकी मदद करेगा।

1
Shiladitya 14 सितंबर 2017, 02:44

इसके बजाय इसे आजमाएं:

<div  [ngStyle]="{'background-image': 'url('+'https://s3-us-west-2.amazonaws.com/mysite/l/'+event.photo+')'}"></div>

जो कोणीय v4 और बाद में ठीक काम करता है

0
codeExcalibur 19 जुलाई 2017, 16:30

आप [style.background-image] का भी उपयोग कर सकते हैं

<div [style.background-image]="'url(https://s3-us-west-2.amazonaws.com/mysite/l/'+ event.photo +')'">
0
Admir 28 सितंबर 2018, 22:43

मैं चाहता हूं कि आप पृष्ठभूमि छवियों पर बेहतर विचार प्राप्त करने के लिए उपरोक्त लिंक को सत्यापित करें

कोणीय 2 गतिशील पृष्ठभूमि छवियां

एंगुलर 2 में बैकग्राउंड-इमेज url के लिए एट्रीब्यूट प्रॉपर्टी बाइंडिंग

शुक्रिया

-1
Community 23 मई 2017, 15:18