NG重复 - 检测是否存在图像和处理

我用我的视图中显示一些图像：NG重复 - 检测是否存在图像和处理

<div class="post" ng-repeat="post in vm.posts"> 
    <a href="{{post.url}}" target="_blank"> 
    <img ng-src="/feed/{{post.image}}.jpg" /> 
    </a> 
</div>

但vm.posts.image会偶尔空。此时，当值为空时，浏览器中会显示错误图像src的图标，但我只想显示黑色空间。

更新： 我设法使它工作使用ng-if（如下图所示） - 是有办法了NG-SRC标签内做到这一点？

<div ng-if="post.image"> 

</div>

来源

2016-05-15 tommyd456

你这里的问题是，每当post.image是空的，NG-SRC寻找/feed/.jpg路径和多数民众赞成在为什么它显示一个破碎的图像。请按照下面的答案，或更改您的图像路径，并删除/饲料/ –

我想你要显示的空白空间，当职位没有图像细节，如果这是然后ü可以使用ng-if从DOM如果不存在删除元素的情况下。 ng/show/ng-hide也可以使用，但是使用它们和ng-if有区别。这取决于你的要求。

<img ng-if="post.image" ng-src="/feed/{{post.image}}.jpg" />

根据更新的问题，条件可用于ng-src如下。如果post.image是假的值，则NG-SRC将是空的，如下

<img ng-src="{{ post.image?('/feed/'+ post.image +'.jpg'):'' "}}/>

来源

2016-05-15 14:09:22

@ tommyd456根据您更新的问题添加了答案，希望这是你所需要的！ –

NG重复 - 检测是否存在图像和处理

回答

相关问题