我使用YouTube API v3从播放列表中提取视频.每个视频
JSON对象都有一个videoId.我试图使用videoId在Angular的img元素中构建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”
解决方法
使用ng-src指令代替图像元素的原始src属性,ng-src指令将识别字符串插值并将其应用于dom.
在你的情况下 –
<img ng-src="http://img.youtube.com/vi/{{video.resourceId.videoId}}/hqdefault.jpg" alt="Video Thumbnail" class="img-responsive"/>
祝好运.
