angularjs - AngularJS 中的 <video> 中的海报属性出现错误？

Question

我编写了以下代码:

<div class="item item-input video-preview-container" ng-if="thumbnail.length > 0">
                <video poster="{{thumbnail}}" ng-src="{{clipSrc}}" class="centerme margin-vert-2x" controls="controls" preload="metadata" webkit-playsinline="webkit-playsinline"></video>
                <i class="ion ion-android-cancel fs30 margin-left-2x" ng-click="removeVideo()"></i>
            </div>

现在运行这个我收到错误:

GET http://localhost:8100/%7B%7Bthumbnail%7D%7D 404 (Not Found)

但是值得注意的是，当我的 div 尚未加载时，就会出现错误，因为我的 ng-if 条件仍然小于 0

更新:问题出在 poster="{{thumbnail}}" 代码上，因为当我删除此代码时，错误不会出现。

Answer 1

您尝试过使用ng-attr-poster吗？大多数时候这些问题是由于数据绑定(bind)没有发生