javascript - 使用 AngularJS 和 wordpress 从 JSON 响应获取图像 url

Question

我正在尝试使用 angularjs 从 json API 获取图像。我正在使用 html 文件来获取图像，但我认为我丢失了一些东西，它不起作用。这是我的 html:

<li ng-repeat="post in posts">
  <a ng-click="clickToOpen({{post.id}})">{{post.title}}</a><p> img src="{{post.attachments.url}}"></p>      
</li>

还有我的 JSON:

"attachments": [
            {
               "id": 15534,
               "url": "http://www.grandlakebusinessjournal.com/wp-content/uploads/2013/02/Tera-Mirand-Shores-Platt-Phanse-One2.jpg",
               "slug": "tera-mirand-shores-platt-phanse-one-3",
               "title": "Tera Mirand Shores Platt Phanse One",
               "description": "",
               "caption": "",
               "parent": 15455,
               "mime_type": "image/jpeg",
               "images": []
            }

         ]

Answer 1

使用ng-src并小心你的 img 标签，它确实错过了开头的 <

<img ng-src="{{post.attachments.url}}" />