指令和转换列表

时间:2015-08-11 21:56:13

标签: html angularjs html5 angularjs-directive semantic-markup

我正在尝试构建一些导航指令来隔离复杂性。我想要以下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> s只能<li>作为子项。

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

  1. 请勿使用<ul><li> - 使用咏叹调角色来定义自己的列表项。
  2. 不要将列表在语义上列为一个列表。我真的不想这样做。
  3. 我有什么东西可以忽略吗?

1 个答案:

答案 0 :(得分:0)

我不确定我是否正确理解了这个问题,但我能说的是, 您可以将要用作String str = "path=/Return/ReturnData/IRSW2"; System.out.println(str.substring(str.indexOf("path=") + 5)); 的项目作为参数传递给数组中的指令,并在链接函数中循环它以生成推荐的html结果,这将消除与此相关的任何复杂性问题 如果我误解了你,请告诉我。 祝你好运