如何访问来自ng-controller的数据n＃39; srch＃39;在<img/>标签中？

Question

以下是示例html come snip

<div data-ng-controller="sampleCtrl" >
<ul data-ng-repeat="item in sampleData">
    <li class="message">
        <img src="img-source" width="30" height="30">
        <div class="message-text">
            <a href="javascript:void(0);" class="username">{{item.user}}</a> <h4>Number: {{item.num}}</h4>  {{item.msg}} 
        </div>
    </li>
</ul>

此处sampleData是json。 sampleData中的变量包含source个图像。如何将来自控制器数据的此图像源作为第4行中src标记的img？

谢谢

Answer 1

如果sampleData [x] .source是图像的来源，那么

<img ng-src="{{item.source}}" width="30" height="30">

修改

使用ng-src而不是src