Javascript 在Angular注入正确的变量之前,如何请求DOM不加载图像?

Javascript 在Angular注入正确的变量之前,如何请求DOM不加载图像?,javascript,angularjs,Javascript,Angularjs,我有一段代码: <div class="image" ng-repeat="image in images"> <img src="{{image.url}}"></img> </div> 这就是为控制器中的每个图像加载一个图像。图像源设置得很好,但是在加载DOM时,我得到一个错误- Project/%7B%7Bimage.url%7D%7D net::找不到错误文件 这表明在我的angular代码操作DOM之前,DOM已经在尝试加载

我有一段代码:

<div class="image" ng-repeat="image in images">
    <img src="{{image.url}}"></img>
</div>

这就是为控制器中的每个图像加载一个图像。图像源设置得很好,但是在加载DOM时,我得到一个错误-

Project/%7B%7Bimage.url%7D%7D net::找不到错误文件

这表明在我的angular代码操作DOM之前,DOM已经在尝试加载图像资源
{{{image.url}}
。如何防止这种情况发生?

将指令用作

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

只有在计算了
ng src
内的表达式后,此指令才会将image
src
属性附加到
img
标记。

将指令用作

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


只有在计算了
ng src
中的表达式后,此指令才会将image
src
属性附加到
img
标记。

您可以在body标记中使用ng-clope

<body ng-cloak>
<div ng-view></div>
</body>

你可以在你的身体标签上加上披风

<body ng-cloak>
<div ng-view></div>
</body>


是否有诸如src之类的属性引用也需要ng前缀?我对angular还不熟悉,并且已经完成了一个教程,但没有注意到这一点。但它确实解决了问题!嗯,是的,你可以在这里查阅angular官方文档:)好的,很高兴能帮你干杯,有没有像src这样的属性参考,也需要ng前缀?我对angular还不熟悉,并且已经完成了一个教程,但没有注意到这一点。但它确实解决了问题!嗯,是的,你可以参考这里的官方文件:)好的,很高兴帮助你,谢谢