2013-11-23 54 views
0

我使用角度的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錯誤但是圖像出現在我的瀏覽器。有誰知道究竟是什麼造成這個問題。我是否正確引用了我的圖片?

回答

3

使用字符串插值時,在圖像標記中使用ng-src而不是src。 ng-src解析字符串,然後將src賦值給標籤,而vanilla html正在尋找名爲「{{dataEntry.image}}」的圖像