Javascript 在a<;p>;从Svelte中的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."

我是新的苗条和工兵,我用它为我的新项目。实现的一部分涉及制作多张卡,我在本节中用JSON声明了这些卡的数据,然后使用迭代来创建多张卡

我需要在一个段落中包含一个链接,但我找不到解决方法。从角度来看,我的代码基本上是这样的-

<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}

{/每个}
好的,非常感谢。我现在就试试,效果很好,非常感谢你!确保将其标记为答案。