我正在将我本地存储的一堆图片移植到一个在线资源上,该资源可以保持最新状态。最初,当我将这些图片存储在本地时,我可以使用以下条件来显示我的图片。
<img ng-src="/Content/champions/{{Champions1[champ1-1].cName.trim() || 'None'}}.png"
这将根据名称获取当前图像路径,如果不存在,则简单地返回/ Content / champions / None.png
的图像路径
我认为这将通过URL以同样的方式工作。 所以我创建了语法。
<img ng-src="http://ddragon.leagueoflegends.com/cdn/4.20.1/img/champion/{{Champions1[champ1-1].cName.trim()
||
'/Content/champions/None'}}.png"
我最初的想法是,如果上述URL返回404(未找到)
,它会默认返回我的本地存储中的“None”图像。然而,它仍然试图显示在线图片并显示“损坏的图像/图片”图标,而不是换成我本地的“None”图像。
我该如何解决?或者为什么Angular在说“未找到404(未找到)
”时没有正确响应这种情况?
有时它尝试将条件语法添加到URL中,而不是重新查找主目录,这可能是问题吗?也就是说,它有时返回以下内容,而不是从我的“Content”文件夹重新开始。http://ddragon.leagueoflegends.com/cdn/4.20.1/img/champion//Content/champions/None.png