Javascript 在a<;p>;从Svelte中的JSON获取内容的标记
我是新的苗条和工兵,我用它为我的新项目。实现的一部分涉及制作多张卡,我在本节中用JSON声明了这些卡的数据,然后使用迭代来创建多张卡 我需要在一个段落中包含一个链接,但我找不到解决方法。从角度来看,我的代码基本上是这样的-Javascript 在a<;p>;从Svelte中的JSON获取内容的标记,javascript,html,json,svelte,Javascript,Html,Json,Svelte,我是新的苗条和工兵,我用它为我的新项目。实现的一部分涉及制作多张卡,我在本节中用JSON声明了这些卡的数据,然后使用迭代来创建多张卡 我需要在一个段落中包含一个链接,但我找不到解决方法。从角度来看,我的代码基本上是这样的- <script> let cards = [ { paragraphText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
<script>
let cards = [
{
paragraphText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
},
{
paragraphText: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is where my link goes <a href="xyz.com">HYPERLINK</a>"
}
]
</script>
{#each cards as card}
<div class="card">
<p>{card.paragraphText}</p> <!-- This is the paragraph that contains a hyperlink anchor tag inside it -->
</div>
{/each}
让卡片=[
{
段落文字:“Lorem ipsum dolor sit amet,奉献精英。”
},
{
段落文字:“Lorem ipsum dolor sit amet,献祭精英。这是我链接的地方”
}
]
{#每一张牌都是一张牌}
{card.paragraphText}
{/每个}
您应该能够使用helper来呈现HTML内容:
{#each cards as card}
<div class="card">
<p>{@html card.paragraphText}</p> <!-- This is the paragraph that contains a hyperlink anchor tag inside it -->
</div>
{/each}
{#每个卡都是卡}
{@html-card.paragraphText}
{/每个}
好的,非常感谢。我现在就试试,效果很好,非常感谢你!确保将其标记为答案。