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。

无法加载资源：net :: ERR_FILE_NOT_FOUND，但是数据已加载

1 个答案: