javascript - Angular 属性绑定(bind)或插值

Question

我无法理解插值的属性绑定(bind)。

下面的代码是为 iframe 分配 src 的正确方法。

<iframe [src]='sanitizer.bypassSecurityTrustResourceUrl(video.url)' frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

但我想直接将 url 与 id 连接起来。我设法编写了下面的代码，但我确信它是错误的。

<iframe [src]="sanitizer.bypassSecurityTrustResourceUrl("' + https://www.youtube.com/watch?v=' + '"video.id)" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

那么有人可以指导如何在绑定(bind)和插值过程中连接字符串吗？另外，我们将非常感谢一些解释或任何指南的链接。

Answer 1

第一

我相信您刚刚添加了不必要的引号。我认为这应该效果更好:

<iframe [src]="sanitizer.bypassSecurityTrustResourceUrl('https://www.youtube.com/watch?v=' + video.id)"></iframe>

<小时/>

第二

我不建议直接内联清理输入。我建议您使用组件内部逻辑来清理不安全的数据。在组件的某些内部函数中完全构建 url，那么您很可能根本不需要 sanitizer 。