在Angular中设置Img-src属性会产生错误

Question

<div ng-repeat="file in files" class="record-row">
<div class="colCell fileAttributes">
<div ng-if="!(file.thumbnail === '')" class="collCell-container thumbnail-container">
<img class="" ng-src="{{ file.thumbnail }}" />
</div>
<div class="collCell-container name-container">
<a class="name-container--filename">
<span ng-click="getFile(file.id,file.extension,file.fileName)">{{ file.fileName }}</span>
</a>
<div class="name-container--fileweight">
<span>{{ file.fileSizeByte }}</span>
</div>
</div>
</div>
</div>

Angular版本为1.3.14。在我添加ng-src="{{ file.thumbnail }}"之前，代码运行良好(函数和所有输出都正常(。这给了我错误Unknown provider: urlattrFilterProvider <- urlattrFilter即使将{{ file.thumbnail }}输出为属性之外的文本也可以很好地工作。这样设置图像的src是否不正确？

Answer 1

只需使用src="{文件缩略图}}"；而不是ng src＝"；{文件缩略图}}"；

Answer 2

不是一个实际的答案，但可能会有所帮助：Unknown provider:...错误通常出现在我们以错误的方式向角度模块注入某些东西时，例如拼写错误的依赖项或以错误的顺序注入的依赖项。确保错误出现在您预期的位置，您只需在异常上设置一个断点并确认即可。