将角度变量设置为HTML src属性的值，向服务器发送不必要的请求

Question

我有以下使用AngularJS的Jade标记：

a: img.face(src='{{user.picture}}' ng-click='profile()')

问题在于，当此页面呈现为HTML时，将请求发送到服务器，如下所示：

https://somedomain.com/%7B%7Bi.picture%7D%7D

这是最有可能发生的，因为在发出请求时，角度$compile还没有启动。 如何防止向服务器发出此请求？

Answer 1

代替src使用angular的ng-src :-)

Answer 2

您应该使用ng-src而不是src 。

释

ng-src是一个内置的指令，更新src只要输入到ng-src变化。

Answer 3

a: img.face(ng-src='{{user.picture}}' ng-click='profile()')

有关更多信息： http : //docs.angularjs.org/api/ng.directive : ngSrc