javascript - 在 ng-repeat 循环中对 HTML img src 标签的依赖注入(inject)不起作用

Question

我有一个奇怪的问题，我的值无法正常工作。基本上我有一大堆 id 对应于服务器上的图像。

Images: {
    "Set1" : {
        'Blue':['8277','8278','8279','8280','8281','8282','8283'],
        'Green':['8284','8285'],
        'Red':['8286','8287','8288','8289']
    }
}

在我的 Controller 模型中，我有一个看起来像这样的 ng-repeat。

<div ng-controller="myCtl">
    <div ng-repeat="(key, value) in cities">
        <p> 
            <img src="http://wesbite.api.com/{{value[0]}}/half?system=xxxxml&pubtoken=hfdshfgsjkhgkhfkjghkdshgjkshfhdffhksfhgdfhgdskhsgkf4658cee&refreshRate=2000">
        </p>
    </div>
</div>

我的问题是它实际上不会将 img 解析到页面上。如果我以任何其他方式拉入 imgs，它工作正常。

这是在 ng-repeat 循环中混合 HTML 的问题吗？

Answer 1

使用 ng-src 代替 src

<img ng-src="http://wesbite.api.com/{{value[0]}}/half?system=xxxxml&pubtoken=hfdshfgsjkhgkhfkjghkdshgjkshfhdffhksfhgdfhgdskhsgkf4658cee&refreshRate=2000">