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

Question

src和之间有什么区别ng-src？从我阅读的文档中可以看到:

该指令阻止浏览器按字面意思处理Angular {{expression}}标记

但是当我使用<img src="{{phone.url}}">它进行测试时- 它工作得很好.我使用的是最新的angularJs版本.

那是什么原因？教程已经过时或者我错过了什么？

Answer 1

是的,它将与src属性一起使用.但是当角度引导和处理HTML时,已经发出了一个URL损坏的HTTP GET请求:

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

这显然将是404.为了防止这种情况发生,你应该使用ngSrc指令,src一旦解决了所有必要的变量就设置正确.完成后,浏览器开始下载有效的图像资源.