ng-src 的坑

Posted 2020-09-01 每天都要进步一点点

问题：

　　<ion-slide ng-repeat="item in bannrImgData" ng-click="getActivity($index)">

　　　　<img src="{{item.imageUrl}}" alt="{{item.title}}" err-src="img/banner_load.png" style="min-height: 150px;"/>

　　</ion-slide>

　　页面加载出来以后，第一次图片加载失败，需要刷新页面，才可以加载成功。

解决方案：

　　解析：如果是src 浏览器加载时默认直接调取 {{item.imageUrl}}，这时数据还没有加载处理，需要改为 ng-src

　　方案：将 src 改为 ng-src