为什么下面的语句会抛出错误？
Idea:显示来自普通 URL 的图像。如果未找到 (404)，则显示后备图像。
完工：
<img [src]='image_path + item.leafname' (error) ="[src] = 'fallback_path + item.leafname'" height="200px" class="card-img-top">
抛出错误：
Parser Error: Unexpected token '=' at column 7 in [[src] = 'image_path + item.leafname'] in ng:///AppModule/DashboardComponent.html@46:60
其他答案：我在 Stack 上找到了替代答案，建议使用ng-src对于通常的图像和onerror = "this.src='url'"用于后备图像。但是，如何使用 [src] 绑定和（错误）事件绑定执行相同操作？
您应该在组件中而不是在模板中实现此逻辑。
然后像这样更改你的模板：
<img [src]='image_path + item.leafname' (error) ="changeSource($event, item.leafname)">
然后创建一个错误处理程序，如下所示：
changeSource(event, name) { event.target.src = this.fallback_path + name; }
这会将图像源更新为后备源。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
