在xslt中创建选项卡式div

时间:2014-12-03 08:48:24

标签: xml angularjs html5 xslt

我在xslt中使用角度js。我想从XML创建基于选项卡的UI。 在我的用例中,将根据xml中的节点数有许多链接和相应的div。 因此,为了隐藏和显示div,我需要一些不同的数据(可能是每次递增的整数)与创建的每个链接绑定,并且我将放入div的ng-show条件中的相同数据。 我做了什么,我创建了一个函数,它将返回一个数字(每次++)我将这个数字分配给一个链接的ng-attr-index,在ng-show of div中我会根据一个递增的数字来检查它。 现在,每当用户点击链接时,我想显示相应的div并隐藏其余部分。

 <xsl:for-each select="rendering/page">
    <a href="" ng-click="click($event)" ng-attr-index="getNextIndex()">
         <xsl:value-of select="@titleKey"/></a>
    <div ng-show="tab == getNextTab()"> </div>

  </xsl:for-each>

但是ng-attr-index="getNextIndex()"无效,无法调用该函数。 IO可以做到这一点吗?

有没有其他方法可以实现这个用例?

1 个答案:

答案 0 :(得分:0)

在代码的XSLT一侧和for-each内,您可以将属性值设置为<a href="" ng-click="click($event)" ng-attr-index="{position() - 1}">