angularjs ng-repeat导致的格式问题

Question

<ol class="breadcrumb">
    <li ng-repeat="x in names" ng-class="$last ? 'active' : ''">
        <a href="#" ng-hide="$last">{{ x.name }}</a>
        <span ng-show="$last">{{ x.name }}</span>
    </li>
</ol>
<ol class="breadcrumb">
  <li><a href="#">root</a></li>
  <li><a href="#">zz</a></li>
  <li class="active"><span>zz</span></li>
</ol>

明显上面的有问题，应该是什么问题呢？

Answer 1

<ol class="breadcrumb">
    <li ng-repeat="x in names" ng-class="$last ? 'active' : ''">
        <a href="#" ng-hide="$last">{{ x.name }}</a>
        <span ng-show="$last">{{ x.name }}</span>
    </li>
</ol>

这段 ng-class 写法有问题，改成下面的试试

ng-class="{'active': $last}"