指令和传输列表

Question

我正在尝试构建一些导航指令来隔离复杂性。我想用下面的HTML来呈现我的导航:

<custom-nav>
    <nav-item>Item 1</nav-item>
    <nav-item>Item 2</nav-item>
    <nav-item>Item 3</nav-item>
</custom-nav>

如果我现在就写这些指令，编译出来的HTML会是这样的:

<custom-nav>
    <nav>
        <ul>
            <nav-item><li><a>Item 1</a></li></nav-item>
            <nav-item><li><a>Item 2</a></li></nav-item>
            <nav-item><li><a>Item 3</a></li></nav-item>
        </ul>
    </nav>
</custom-nav>

但是，这是无效的HTML (<ul>只能有<li>作为子)。

不使用replace: true，我解决这个问题的最好方法是什么?我唯一能想到的是:

1. 不要使用<ul>或<li> -使用咏叹调角色来定义我自己的列表项。
2. 不要让列表在语义上成为列表。我真的不想这么做。

有什么我忽略了吗?

Answer 1

我不确定我是否正确理解了这个问题，但我能说的是，您可以将您想要使用的项目作为li，在数组中作为指令的参数传递，并在链接函数中循环它以生成推荐的html结果，这将消除与该问题相关的任何复杂性如果我误解了你的话，请告诉我。祝你好运