如何在嵌入标记中使用字符串变量作为src链接

Question

我必须在我的项目中实现一个文档查看器。由于限制，文档的链接作为路由器参数接收，并在doclauncher.ts文件中名为link的变量中正确接收现在我在doclauncher.html文件中尝试了这两个选项，但似乎都不起作用：

div class="container">
<embed id = "doc"
src = ""
type="application/pdf"
height="100%"
width="100%"
/>
</div>
<script>
document.getElementById("doc").src= '+ {{link}} +'
</script>

和

div class="container">
<embed id = "doc"
src = {{link}}
type="application/pdf"
height="100%"
width="100%"
/>
</div>

我该怎么办？在typescript中使用Angular 11.2.13和后端编辑：这是链接检索的方式

ngOnInit(): void {
this.route.queryParams.subscribe(params => {
this.link = params['link'];
});
}

我已经通过打印this.link来检查它是否正常：(

Answer 1

使用类似的setattribute

<script>
document.getElementById("doc")setAttribute("src", "{{link}}")
</script>