Question

我有一个包含以下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字段，浏览器将触发＆＃34; /prod.getStatusImageUrl（）＆＃34;我会得到404错误。我想在浏览器创建GET请求之前评估src字段。

请注意，Dartium将取消此GET请求，但标准JS浏览器将完成请求并生成404.但是，最终会正确呈现图像，因为所有浏览器似乎都会创建第二个请求，我认为一旦angulardart完成了它的魔力。

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

Answer 1

src属性的数据绑定不起作用，因为浏览器会立即开始加载＆＃39; {{something}}`＆＃39; URL＆＃39;。

Angular提供`ng-src =＆＃34; {{something}}＆＃34;作为一种解决方法。

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

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

1 个答案: