为什么图像不以角度js显示

Question

我在角度js中做了一个简单的演示来调用服务。实际上我无法在列表中显示我的图像。 首先检查我的网络服务网址

• http://timesofindia.indiatimes.com/feeds/newsdefaultfeeds.cms?feedtype=sjson
• 我使用显示网络安全性来调用网络服务，例如 on macc / Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome --disable-web-security --allow-file-access-from-files --allow-file-access --user-data- dir =〜/ chrome-test / spec / runner.h tml

桌面上的

--disable -websecurity

• 我可以打电话给服务，但我的图像不在列表中显示，这是我在代码笔上的代码

http://codepen.io/anon/pen/qdPoYN

<div class="list" ng-repeat="d in data">

    <a class="item item-thumbnail-left" href="#">
        <img src={{d.image.Thumb}}>
        <h2>{{d.HeadLine}}</h2>
        <p>{{d.DateLine}}</p>
    </a>
</div>

</div>

Answer 1

使用ng-src：

  

在src属性中使用{{hash}}之类的Angular标记无法正常工作：浏览器将使用文字文本{{hash}}从URL中获取，直到Angular替换{{hash}}中的表达式。 ngSrc指令解决了这个问题。

<img ng-src={{d.image.Thumb}}>
//   ^^^

Answer 2

替换为

                   <img ng-src="d.image.Thumb">