Javascript 404 AngularJS的图像加载问题

我想在网站上放一个二维码，可以说它可以是ASP.NET MVC操作提供的任何图像文件，但在这种情况下，它是一个二维码

<div class="qrcodeview" >
    <h2>SCAN</h2>
    <img id="qr" src="{{qrlink}}" />
</div>

扫描

我将一些querystring参数传递给我的端点以生成二维码，该二维码将作为GIF返回。使用AngularJS，我正在设置

属性

url和querystring正在AngularJS控制器中构造

我的问题是，在Angular加载数据并将数据绑定到控件之前，在替换Angular表达式之前，当浏览器尝试获取图像时，我会收到HTTP 404错误


脚本运行后，QR代码将按预期显示

希望不获取此HTTP错误。我可以推迟装货吗？或者稍微不同地使用AngularJS（更正确吗？）

谢谢
 使用
src
将在AngularJS有机会用正确的值更新属性之前，在初始加载时引发HTTP请求

改为使用
ng src
，以便AngularJS可以在准备就绪时创建
src
属性。然后，这将自动触发HTTP请求以获取图像

<div class="qrcodeview" >
    <h2>SCAN</h2>
    <img id="qr" ng-src="{{qrlink}}" />
</div>


扫描

AngularJS文档中的更多信息：

使用ng src而不是src