image कोणीय 2: गतिशील छवियाँ



angular binding (1)

अंगुल्य 2 में एक आईएमजी टैग सेट करने का सबसे अच्छा तरीका क्या है?

यह काम नहीं करता (और कुंजी के कारण नहीं):

<img src="//maps.googleapis.com/maps/api/streetview?size=400x400&location="{{property.lat}}, {{property.long}}"key=aiwefmboij234blahblah" />

हम src विशेषता में lat / long मानों को कैसे पार करते हैं?

धन्यवाद,


इसे बंद करने की कोई आवश्यकता नहीं है "src विशेषता पर। अगर आप इसे बंद कर देते हैं, तो यह रेंडरर को पसंद करेगा:

<img src="//maps.googleapis.com/maps/api/streetview?size=400x400&location=" 12.121212 , 13.31133 "&key=aiwefmboij234blahblah" />

जो सही HTML नहीं है;

इसे सही ढंग से करने का एक तरीका:

<img src="//maps.googleapis.com/maps/api/streetview?size=400x400&location={{property.lat}},{{property.long}}&key=aiwefmboij234blahblah" />

एक अन्य तरीका घटक पर यूआरएल बनाने और इसे एक चर में आवंटित करना है, फिर:

<img [src]="urlVariable" />




binding