Javascript 带ng src的img上的remove（），边框是否保留？

我有一些重复的图像

<img ng-src="{{::data.image}}" />

某些{data.image}}为空。我想把它们去掉

<img ng-src="{{::data.image}}" onerror="this.remove()" />

但是，当我这样做时，图像上的1px边框仍然保留着吗

在此之前，我有一个ng if语句（ng src！=null），但我发现在角度观察程序中这太昂贵了

试试这个

<div ng-if="data.image">
   <img  ng-src="{{::data.image}}"  />
</div>

.hide{
显示：无；
}

---

您的OneError处理程序不正确。请注意，它不再是角度属性，因此不能使用该方法。相反，在您的情况下，您需要使用良好的旧本机DOM方法：

---

演示：

由于我拥有的数据量如此之大，一个ng if在观察家中会非常昂贵。因此，使用custome指令进行此操作。@AndersPedersen如果src不会改变，您还可以一次性绑定它。您的演示使用

ng src

而不是

src

。因为您的演示中没有角度

ng src

并不意味着什么也不做，因此没有

src

属性。若并没有src，则不会为img元素触发onload/onerror事件。

<div ng-if="data.image">
   <img  ng-src="{{::data.image}}"  />
</div>

<img class="asd" ng-src="{{::data.image}}" onerror="this.parentNode.removeChild(this)" />