java - 无法加载资源:net::ERR_FILE_NOT_FOUND 但数据已加载

Question

enter image description here我有一些错误。这是我的代码。文件 html:

<div ng-controller="newsCtrl">
  <div class="row">
    <div ng-repeat="x in news">

      <div class="col-xs-6">
        <div class="newsContent">{{x.content}}</div>
        <div class="newsImage"><img src="../image/{{x.image}}" alt="vinfast oto"></div>
        <div class="newsTitle">
          <h2>{{x.title}}</h2>
        </div>
      </div>
      <hr>
    </div>
  </div>
</div>

文件app.js:

app.controller("newsCtrl", function ($scope, $http) {
  $http({
    method: "GET",
    url: "http://localhost:8080/EX11_29112018_spring_restful/news"
  }).then(function (response) {
    $scope.news = response.data;
  })
});

Html在views文件夹中，app.js在js文件夹中，它们在webapp文件夹中。我的图像已加载，但出现此错误:无法加载资源:net::ERR_FILE_NOT_FOUND;如何修复它。

Answer 1

ngSrc指令解决了这个问题。所以改变一下

<img src="../image/{{x.image}}" alt="vinfast oto">

更正方法为:

<img ng-src="../image/{{x.image}}"></img>

查找有关 ngSrc 的更多信息 here .