Question

我使用angular的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}}”的图像

angular无法在检查器中加载资源错误

1 个答案: