关于使用ng-src为了显示图像，此代码在运行时起作用 - 但在初始页面加载时不起作用：
<div class="imageHolder" ng-click="openWidgetSettings(widget);" ng-show="widget.showInitImage">
<img ng-src="../../Images/{{widget.initImage}}" />
<div class="caption">Click to configure</div>
</div>
在我的初始页面加载时，我收到错误：
GET http://localhost:33218/Images/ 403 (Forbidden)
然而在运行时，当我将图像拖放到仪表板上时，前端不再抱怨。
我确实意识到我使用的仪表板框架会动态地将 div 添加到我的页面上，然后渲染图像；但是，为什么此时它不抱怨呢？
换句话说，我试图避免使用这样的完整路径：
<img ng-src="http://localhost:33218/Images/{{widget.initImage}}" />
**** 更新 ****
这段代码有效，我不需要指定“.../../”相对路径。
<div class="imageHolder" ng-click="openWidgetSettings(widget);" ng-hide="widget.gadgetConfigured">
<img ng-src="Images/{{widget.initImage}}" />
<div class="caption">Click to configure</div>
</div>
此外，我的 {{widget.initImage}} 在重新加载时返回为空 - 一个应用程序错误！
将您的代码更改为以下内容。
您需要检查 widget.initImage 是否已初始化。在将其传递给 ng-src 之前。
在 widget.initImage 上使用 ng-if
<div class="imageHolder" ng-click="openWidgetSettings(widget);" ng-show="widget.showInitImage">
<img ng-src="../../Images/{{widget.initImage}}" ng-if="widget.initImage" />
<div class="caption">Click to configure</div>
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
