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

Question

src 和有什么区别和ng-src ？来自 documentation我读到:

That directive prevents the browser from treating the Angular {{ expression }} markup literally

但是当我使用<img src="{{phone.url}}">测试它时- 效果很好。我正在使用最新的 angularJs 版本。

那这是什么原因呢？该教程已过时，还是我遗漏了某些内容？

Answer 1

是的，它将与 src 属性一起使用。但是当 Angular 引导并处理 HTML 时，已经发出了一个 URL 损坏的 HTTP GET 请求:

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

这显然会是 404。为了防止这种情况发生，您应该使用 ngSrc 指令，该指令在解析所有必要的变量后立即设置正确的 src 。完成后，浏览器开始下载有效的图像资源。