如何从json响应中获取第一张图片答案

【问题标题】：How to get first image from json response如何从json响应中获取第一张图片
【发布时间】：2016-09-12 12:52:23
【问题描述】：

如何从下面的响应中获取第一张图片

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

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

【问题讨论】：

【解决方案1】：

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

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

假设这个值被分配给变量 x，那么从这个响应中获取第一张图像应该像读取第一个值 x[0] 一样简单。

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

【讨论】：

【解决方案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] }}"/>

【讨论】：

我尝试了同样的方法但没有成功我的代码示例是 {{topRatedJobs[0].job_images}} Image1
@AmitKumar 你能解决你的问题吗？
你能发布更详细的例子吗？ topRatedJobs[0].job_images 还向您展示了什么？
我认为有趣的是，您正在输出 topRatedJobs[0].job_images 但正试图对 topRatedJobs.job_images 重复。我怀疑某处存在断开连接，但需要查看更多代码。
这是我的回复："DATA":[{"id":"13","job_title":"Need Guide For Tracking & Traveling","job_images":"[\"147038089457a43b5e47d2a_job1. jpg\",\"147038089457a43b5e48065_job2.jpg\",\"147038089457a43b5e4829c_jobo_3 .jpg\"]","job_cost_max":"1000"}]