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">&nbsp; &nbsp; <li ng-repeat="x in names" ng-class="$last ? 'active' : ''">&nbsp; &nbsp; &nbsp; &nbsp; <a href="#" ng-hide="$last">{{ x.name }}</a>&nbsp; &nbsp; &nbsp; &nbsp; <span ng-show="$last">{{ x.name }}</span>&nbsp; &nbsp; </li></ol>这段 ng-class 写法有问题，改成下面的试试ng-class="{'active': $last}"