Javascript 未使用AngularJS ng repeat和ng src指令加载图像

所以基本上，当我使用原生html5时，我使用了五个

标记来加载五个图像。当我想使用AngularJS时，我想通过

ng repeat

迭代

div

五次，然后使用

ng src=“”

获取源路径存储在控制器中数组中的图像。但是我总是会遇到这样的错误

GETfile:///home/sanad/Desktop/drag/x.source net:：找不到错误文件

这是我的html：

<div ng-repeat="x in img">{{x.source}}
    <img ng-id="x.id" ng-src="x.source" >
</div>

`

我不确定ng src是做什么的，所以我一开始并没有建议它

我也有这样的感觉，使用指令来做html做得很好的事情不是一个好方法。事实上，它实例化了新的作用域、新的手表

编辑：

使用

src=“{{param}}”

而不是

ng src=“{{param}}”

可能导致浏览器调用url

http:\\yourServer\{{param}}

，这将是无效的

ng src

是为了解决这个问题而创建的。

您也可以这样做

<img ng-repeat="x in img" src="{{x}}">

它工作正常

<img ng-repeat="x in img" ng-src="{{x.source}}">

如果您只有一组图像

<img ng-repeat="img in images track by $index" ng-src="{{img}}">

尝试使用您可能希望使用css设置图像，而不是使用图像。Angularjs的安全策略可能会在ng repeat内的图像上禁用ng src：

根据Angularjs API，这是一种“错误的方法”。正确的方法是把你的答案和问题混合起来<代码>。Ref:FYI ng src不创建新范围或新监视。在这两种情况下，通过插值（{}}）添加手表。从一个解决方案到另一个解决方案没有额外的手表。此外，这两种解决方案都不会创建额外的范围。

<img ng-repeat="x in img" ng-src="{{x.source}}">

<img ng-repeat="img in images track by $index" ng-src="{{img}}">