угловой Ошибка загрузки ошибки ресурса в инспекторе

Question

Я загружаю фиктивный контент с помощью углового ng-repeat.

var app = angular.module("homeApp", []); 
app.controller("entriesView", function ($scope){ 
$scope.itemEntry = [    
{ 
    image: "img/112013-priscilla-600.jpg", 
    title: "ymc", 
    logo: "http://www.youmustcreate.com/site/wp-content/themes/youmustcreate/images/core/header-logo.jpg" 
}, 

{ 
    image: "https://cms.myspacecdn.com/cms/x/13/47/112013-priscilla-600.jpg" 
}  
    ]; 

}); 

HTML

<section class="miniframe-wrapper" ng-controller="entriesView"> 
    <section ng-repeat="itemEntry in itemEntry" class="miniframe"> 
    <img src="{{itemEntry.image}}" alt="img"/> 

Я заметил, в инспекторе я получаю ошибку Failed to load resource однако изображения, появляющиеся на моем браузере. Кто-нибудь знает, что именно вызывает эту проблему. Я правильно ссылаюсь на свои изображения?

Answer 1

Используйте ng-src вместо src в ваших тегах изображения при использовании строковой интерполяции. ng-src анализирует строку, а затем присваивает src тегу, а vanilla html ищет изображение под названием «{{dataEntry.image}}»