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

如何从下面的响应中获得第一个图像

[“147038089457a43b5e47d2a_job1.jpg”，
“147038089457a43b5e48065_job2.jpg”，
“147038089457a43b5e4829c_jobo_3.jpg”]

---

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

您在问题中提到的是数组

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

假设将该值指定为变量x，则从该响应获取第一个图像应该与读取第一个值

x[0]

一样简单

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

---

在控制器中，您将

$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>

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

如果您只需要第一个图像：在您的视图（html）中，您将拥有

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

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

首先，这不是json。这是一个数组。获取数组的第一个元素作为数组[0]。@Rakeschand是的。这是一个stringsPlease的JSON数组。请展示您使用ng repeat尝试的内容。请提供详细代码作为示例。我无法在ng repeat中显示Spring first图像。另一个答案是您的“使用ng repeat的详细示例”。希望能有所帮助。我也尝试过同样的方法，但没有成功。我的代码示例是{{topRatedJobs[0]。job_images}}@AmitKumar。你能为你的问题创建一个简单的例子吗？你能发布更详细的示例吗？还有topRatedJobs[0]。job_图像向您显示了什么？我认为您输出topRatedJobs[0]。job_图像，但试图对topRatedJobs.job_图像进行重复是很有趣的。我怀疑在某个地方存在脱节，但需要查看更多代码。这是我的回答：“数据”：[{“id”：“13”，“作业标题”：“跟踪和旅行需要指南”，“作业图像”：“[\“147038089457a43b5e47d2a＠job1.jpg\”，“147038089457a43b5e48065＠job2.jpg\”，“147038089457a43b5e4829c＠jobo.jpg\”，“作业成本最大值”：“1000”]