浏览器发送的多个音频标签请求

【问题标题】：Multiple request sent by browser for audio tag浏览器发送的多个音频标签请求
【发布时间】：2019-05-17 18:01:56
【问题描述】：

我有一个音频标签，其中的 url 由函数解析并返回。

<audio class="fr-draggable" controls autoplay [src]="extractAudioUrl(message)" style="width:100%"></audio>

但实际情况是，浏览器会背靠背发送多个请求。

您可以在下面查看浏览器请求。

我怎样才能摆脱这个？

【问题讨论】：

【解决方案1】：

发送多个请求是因为您在 [src] 中调用了一个函数，这就是发生这种情况的原因

如果您直接或使用变量分配 url，则不会出现问题如果您仍想调用[src] 中的函数，则需要更改您的ChangeDetectionStrategy。这里是 ChangeDetectionStrategy Doc Link

【讨论】：

我已尝试将更改检测策略更改为 onpush。还是一样的结果。有什么想法吗？
如果您禁用changeDetectionStrategy，那么您的双向绑定也无法按预期工作。因此，建议您创建一个 URL，您可以为此创建一个自定义 pipe。