Есть ли возможность поставить $ last ng-repeat результат, подобный этому <li class="active">Four</li>
вместо <li><a href="#">Four</a></li>
? Я пытался с ng-if
но, к сожалению, он еще не дал хорошего решения :(
ДЕМО: http://codepen.io/anon/pen/bdvVRe
var app = angular.module('myapp', []);
app.controller('testController', function($scope) {
$scope.mymenu = ["one", "two", "three", "four"];
});
<link href="/bootstrap.min.css" rel="stylesheet" />
<script src="/angular.min.js"></script>
<div ng-app="myapp">
<div ng-controller="testController" class="container">
<strong>Expecting</strong>
<br />
<ol class="breadcrumb">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li class="active">Four</li>
</ol>
<hr />
<strong>Current result</strong>
<ol class="breadcrumb">
<li ng-repeat="menu in mymenu"><a href="#">{{menu}}</a></li>
</ol>
</div>
</div>
<li ng-repeat="menu in mymenu" ng-class="{active: $last}">
<a ng-if="!$last" href="#">{{menu}}</a>
<span ng-if="$last">{{menu}}</span>
</li>
$last
, поэтому я использовал все виды выражений, чтобы найти последний элемент в списке. Спасибо! : D