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

Question

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

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

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

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

我怎样才能摆脱这个？

标签： angularhtml5-audiosrc

Answer 1

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

如果您直接或通过使用变量分配 url，则不会出现问题如果您仍想在您的内部调用该函数，则[src]需要更改您的ChangeDetectionStrategy. 这是 ChangeDetectionStrategy 文档链接