angularjs angularjs-ng-repeat ng-repeat

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.