Angularjs 使用src工作得很好，不像教程中写的那样

src

和

ng src

之间有什么区别？我从报纸上读到：

该指令阻止浏览器按字面方式处理角度{{{expression}}标记

但是当我用

测试它时，它工作得很好。 我正在使用最新的angularJs版本

---

那么原因是什么呢？教程过时了，或者我遗漏了什么？

是的，它将使用

src

属性。但是，在angular引导和处理HTML时，已经发出了一个HTTP GET请求，URL已损坏：

http://yourdomain.com/%7B%7Bphone.url%7D%7D

---

很明显是404。为了防止这种情况发生，您应该使用

ngSrc

指令，在解决所有必要的变量后立即设置适当的

src

。一旦完成，浏览器将开始下载有效的图像资源。

在Angular解析src属性之前，DOM将加载到浏览器中。当浏览器看到img时，它会立即尝试检索资源，给出404，如回答中所述。当然，这是很快解决时，角度踢，然后真正的图像检索。但也存在一些问题。你不希望不必要的请求和404出现在你的应用程序中。更重要的是，如果客户端速度较慢，则在初始加载（缺少图像）和Angular启动并加载真实图像之间可能会出现闪烁。这绝对不是我们想要的。只需使用ngsrc。