javascript - 如何在原始 html 中使用绑定(bind)？

Question

如何在渲染原始 html 时使用动态属性和绑定(bind)。假设:

<script>
let name = 'Joseph'
let test = '<p>{name}</p>'
</script>

{@html test} <!-- Outputs: {name} instead of Joseph -->

我知道，有人会回答说，更好的方法是创建一个组件。但我仍然想问，是否有一种方法可以在原始 html 渲染中使用绑定(bind)？

Answer 1

你不能。但你可以这样做:{@html `<p>${name}</p>`}