dart - 图像中的动态src字段使用dart2js创建404，并在dartium中取消了GET

我有一个带有以下HTML代码的组件:

<div class="media productCard" ng-click="prod.handleClick()">
    <img class="media__img"
         src="{{prod.getStatusImageUrl()}}"
         title="{{prod.getStatusText()}}" />
    <div class="media__body">
        <h3>{{prod.product.name}}</h3>
        <p>{{prod.getBrand()}}</p>
        <p>{{prod.product.notes}}</p>
        <p>source: {{prod.product.source}}</p>
    </div>
</div>

触发src字段，浏览器将触发“/prod.getStatusImageUrl()”请求，我将收到404错误。我想在浏览器创建GET请求之前评估src字段。

请注意，Dartium将取消此GET请求，但是标准的JS浏览器将完成该请求并产生404。但是，由于所有浏览器似乎都在创建第二个请求，因此最后正确显示了图像，我想做到了魔术。

我已经尝试过ng-cloak，但这也无济于事。

最佳答案

src属性的数据绑定(bind)无效，因为浏览器会立即开始加载'{{something}}`'URL'。

Angular提供了ng-src =“{{something}}”作为解决方法。

https://docs.angularjs.org/api/ng/directive/ngSrc
List of AngularDart directives?