Как вывести результат $ last ngRepeat из href?

Question

Как вывести результат $ last ngRepeat из href?

0

Есть ли возможность поставить $ 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="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/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>

Muhammed 05 июль 2015, в 18:48

Источник

Теги:

angularjs

angularjs-ng-repeat

angularjs-ng-if

angularjs-ng-switch

1 ответ

Ещё вопросы

JB Nizet · Accepted Answer · 2015-07-05T15-22-00.000Z

<li ng-repeat="menu in mymenu" ng-class="{active: $last}">
    <a ng-if="!$last" href="#">{{menu}}</a>
    <span ng-if="$last">{{menu}}</span>
</li>

Демо: http://codepen.io/anon/pen/domYZL

Я не знал о $last , поэтому я использовал все виды выражений, чтобы найти последний элемент в списке. Спасибо! : D