Angularjs ng重复don'；t为最后一项添加一些html元素

我找了很多，但找不到

这是我的html

<li ng-repeat="tmp in list" ng-class="{active: $last}">
    <a href="#{{tmp.url}}">{{tmp.text}}</a>
</li>

---

对于

class=“active”

我是使用

ng class=“{active:$last}”

添加的，但是对于没有

标记的，如何添加？

您可以始终在

上使用

ng show=“！$last”

。这意味着它不会在最后一个元素中显示它

或者，您可以创建一个指令，该指令仅基于某个值（！$last）编译内容。如果您根本不想将实际的标记添加到dom中，而不是仅仅隐藏它，那么这是一种可行的方法

---

希望这有帮助

您始终可以在

上使用

ng show=“！$last”

。这意味着它不会在最后一个元素中显示它

或者，您可以创建一个指令，该指令仅基于某个值（！$last）编译内容。如果您根本不想将实际的标记添加到dom中，而不是仅仅隐藏它，那么这是一种可行的方法

---

希望这有帮助

您可以通过以下方式完成：

<li ng-repeat="tmp in list" ng-class="{active: $last}" ng-switch="$last">
    <span ng-switch-when="true">{{tmp.text}}</span>
    <a href="#{{tmp.url}}" ng-switch-default>{{tmp.text}}</a>
</li>

{{tmp.text}

---

这里有一个指向工作小提琴的链接：

您可以通过以下方式完成：

<li ng-repeat="tmp in list" ng-class="{active: $last}" ng-switch="$last">
    <span ng-switch-when="true">{{tmp.text}}</span>
    <a href="#{{tmp.url}}" ng-switch-default>{{tmp.text}}</a>
</li>

{{tmp.text}

---

这里有一个指向working fiddle的链接：

没有其他解决方案那么优雅，但是您可以迭代到数组的第二个到最后一个元素，然后手动执行最后一个元素，而不使用

a

标记

<li ng-repeat="tmp in list.slice(0,list.length-1)">
    <a href="#{{tmp.url}}">{{tmp.text}}</a>
</li>
<li class="active">
    {{list[list.length-1].text}}
</li>

{{list[list.length-1].text}

不像其他解决方案那样优雅，但您可以迭代到数组的第二个到最后一个元素，然后手动执行最后一个元素，而不使用

标记

<li ng-repeat="tmp in list.slice(0,list.length-1)">
    <a href="#{{tmp.url}}">{{tmp.text}}</a>
</li>
<li class="active">
    {{list[list.length-1].text}}
</li>




{{list[list.length-1].text}

谢谢。但它也隐藏了文本。我只想删除链接而已。我添加了
{{tmp.text}}
这是唯一的方法吗？您可以通过css类禁用它。ng class=“{disabled:$last}”。看看这个：谢谢。但它也隐藏了文本。我只想删除链接而已。我添加了
{{tmp.text}}
这是唯一的方法吗？您可以通过css类禁用它。ng class=“{disabled:$last}”。看看这个：