列出javascript Web组件的呈现(自定义元素)

时间:2019-06-10 12:58:40

标签: javascript angular web-component w3c custom-element

想象一下,我有两个这样的自定义元素:

    <accordeon>
       <collapse>
          <div slot="header">...</div>
          <div slot="body">...</div>
       </collapse>
    </accordeon>

我将在collpases中有多个accordeon。 (collapse单击时隐藏/显示正文)。在html中,我可以选择两个collapse槽的内容并为其设置样式。

现在我遇到了问题,我收到了显示为accordeon的大型JSON数组。如果我将该数组传递给<accordeon>,那么我认为应该在for循环内的手风琴中渲染<collapse>元素。但是后来我不能使用collapse作为自定义元素,这意味着我将无法设置样式和管理collapse的广告位的内容,因此它不能灵活地用作组件(因为我认为不应从该元素内部修改自定义元素)。

所以我认为我需要Vue中的v-for和angular中的ngFor之类的东西,但是我认为这不是一件小事。那么在这种情况下我应该如何处理渲染列表?

P.S:考虑到那之后我需要无限滚动。

0 个答案:

没有答案