AngularJS

Question

में HTML img src के भीतर स्ट्रिंग concatenation का उपयोग कर मैं YouTube एपीआई v3 के साथ एक प्लेलिस्ट से वीडियो खींच रहा हूँ। प्रत्येक वीडियो JSON ऑब्जेक्ट में एक वीडियो आईडी है। मैं एंगुलर के साथ आईएमजी तत्व में src विशेषता बनाने के लिए वीडियो आईडी का उपयोग करने की कोशिश कर रहा हूं।

यह मैं वर्तमान में क्या है:

<table id="playlistvideostable" class="table table-responsive table-striped"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Thumbnail</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="video in playlistvideos"> 
      <td> 
       {{video.snippet.title}} 
      </td> 
      <td> 
       <img src="http://img.youtube.com/vi/{{video.resourceId.videoId}}/hqdefault.jpg" alt="Video Thumbnail" class="img-responsive"/> 
      </td> 
     </tr> 
    </tbody> 
</table> 

मैं img HTML तत्व का src विशेषता में निम्नलिखित तार कैसे जोड़ सकते हैं?

"http://img.youtube.com/vi/" + video.resourceId.videoId + "/hqdefault.jpg"

Answer 1

छवि तत्व की मूल src विशेषता के बजाय एनजी-src निर्देश का उपयोग करें, एनजी-src निर्देश स्ट्रिंग पहचान लेंगे इंटरपोलेशन और इसे डोम पर लागू करें।

अपने मामले में

-

<img ng-src="http://img.youtube.com/vi/{{video.resourceId.videoId}}/hqdefault.jpg" alt="Video Thumbnail" class="img-responsive"/> 

अच्छी किस्मत।