Angular:ng-src Fallback

时间:2015-09-13 20:46:57

标签: javascript angularjs

如果将ng-src作为null返回,是否可以轻松退回?目前我正在这样做,但想知道是否有更好的方法来编写这样的条件:

<td ng-if="m.poster_path == null">
  <img src="default.jpg" />
</td>
<td ng-if="m.poster_path !== null">
  <img ng-src="{{ m.poster_path }}" />
</td>

感谢任何帮助。提前谢谢!

1 个答案:

答案 0 :(得分:5)

当angular评估{{..}}内的每个表达式时,以下代码会在m.poster_pathnull时自动将img路径设置为'default.jpg':

<td>
  <img ng-src="{{ m.poster_path || 'default.jpg' }}" />
</td>