AngularJS

Question

'daki HTML img src içinde dize birleştirmeyi kullanma YouTube API v3 ile bir oynatma listesinden videolar çekiyorum. Her video JSON nesnesinin bir video kimliği vardır. Anic ile img öğesinde src özniteliğini oluşturmak için videoId kullanmaya çalışıyorum.

Bu şu anda ne var:

<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> 

nasıl img html öğesinin src özelliğinde aşağıdaki dizeleri arada kullanabilirsiniz?

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

Answer 1

yerine görüntü öğesinin orijinal src özelliğinin ng-src direktifini kullanın ng-src direktifi dize tanıyacak interpolasyon ve dom üzerinde uygulanır. senin durumunda

-

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

iyi şanslar.