如何从json响应中获取第一个图像

Question

如何从下面的回复中获得第一张图片

["147038089457a43b5e47d2a_job1.jpg", "147038089457a43b5e48065_job2.jpg", "147038089457a43b5e4829c_jobo_3.jpg"]

我试过ng-repeat在这里不起作用。

Answer 1

您在问题中提到的是数组。

 ["147038089457a43b5e47d2a_job1.jpg",
 "147038089457a43b5e48065_job2.jpg",
 "147038089457a43b5e4829c_jobo_3.jpg"]

假设将此值指定为变量x，从此响应中获取第一个图像应该与读取第一个值x[0]一样简单。

<img src="x[0]" />

Answer 2

在你的控制器中，你会......

$scope.amitImages = ["147038089457a43b5e47d2a_job1.jpg",
"147038089457a43b5e48065_job2.jpg",
"147038089457a43b5e4829c_jobo_3.jpg"]

如果你想重复一遍：在你的视图（html）中你会有...

<ul>
    <li ng-repeat="image in amitImages">
      <img ng-src="{{ image }}"/>
    </li>
  </ul>

如果您只想要第一张图片：在您的视图（html）中，您将拥有..

<img ng-src="{{ image[0] }}"/>