angularjs - ng plantilla de repetición causa 404(no encontrado)
angularjs-ng-repeat ng-repeat (1)
Tengo un repetidor ng y definí una plantilla de elemento de lista para una página de lista de artículos:
<ul class="article_list">
<li ng-repeat="article in articles | filter:search">
<a href="#" title="article title here">
<span class="date">
<span class="month">{{ article.dt_month }}</span>
<span class="day">{{ article.dt_day }}</span>
<span class="year">{{ article.dt_year }}</span>
</span>
<img src="images/news/{{ article.id }}.jpg" alt="{{ article.title }}" class="thumb" />
<div class="summary">
<span class="article_title">{{ article.title }}</span>
<span class="short">{{ article.content }}...</span>
</div>
</a>
</li>
<li ng-show="(articles | filter:search).length==0">No article found</li>
</ul>
Cuando verifiqué la consola, veo el error 404 no encontrado para el archivo images / news / {{article.id}}. Jpg
¿Cómo puedo prevenir este problema?
Gracias
Use ng-src
lugar de src
para recursos de imagen. De esa manera, el navegador lo cargará cuando los datos del modelo estén disponibles.