Angularjs ng repeat或ng options如何自动选择表中的最后一行?

Angularjs ng repeat或ng options如何自动选择表中的最后一行?,angularjs,Angularjs,如何自动选择表中的最后一行 ng repeat=“selectedOrder.products中的单位”使用类似于按track按$index==desc或ng选项进行选择 <div class="search" ng-show="selectedOrder"> <table class="table table-bordered"> <tr><th>Item</th><

如何自动选择表中的最后一行 ng repeat=“selectedOrder.products中的单位”使用类似于按track按$index==desc或ng选项进行选择

   <div class="search" ng-show="selectedOrder">
            <table class="table table-bordered">
                <tr><th>Item</th><th>Name</th><th>ValueToday</th></tr>
                <tr ng-repeat="unit in selectedOrder.products">
                    <td><img ng-  src="http:images/thumbnails/{{unit.shortname}}_tn.jpg" width=40 height=40
             alt="{{ unit.shortname | limitTo: 18}} Photo"></td>
                    <td>{{unit.name | limitTo:18 }}</td>
                    <td>{{unit.valuetoday| currency:"£"}} </td>
                </tr>
                 </table>

ItemNameValueToday
{{unit.name | limito:18}
{单位价值今天|货币:£}

您可以使用类似于
ng if=“$index==$last”
的内容,在ng repeat中,您可以使用
$last
特殊变量仅当它是最后一个元素时应用它。见:

您可以使用它作为在标记中执行任何操作的条件。像

<img class="{{$last ? 'selected'}}" ng-class="{'selected': $last}" ng-if="$last" ....>

或者你喜欢什么(这些只是例子)

请始终记住,使用角度表示您必须编辑模型以将更改应用于视图,因此,如果要选择某个图元,则必须对模型执行某些操作,以便该图元包含一个使其处于选中状态的值,然后视图应反映这一点。
例如,在控制器中,您可以检查ng repeat数组中的最后一个元素,并添加
selected
变量,然后在视图中执行某些操作,使其看起来像您的元素已被选中(例如:
ng class=“{'selected':element.selected}”
),否则,通过仅处理视图,您可以使其看起来像是使用
$last
选择的元素,但它不会在您的模型中真正被选择

事实上,在ng选项(所以我们谈论的是选择)中,为了反映您的选择,您必须更改您的模型。例如,如果select具有如下属性:
ng model=“selected”
,则在控制器中,将
$scope.selected
变量设置为数组的最后一个元素,其中包含
ng选项的值
<div class="search" ng-show="selectedOrder">
            <table class="table table-bordered">
                <tr><th>Item</th><th>Name</th><th>ValueToday</th></tr>
                <tr ng-repeat="unit in selectedOrder.products" ng-if="$last">
                    <td><img ng-  src="http:images/thumbnails/{{unit.shortname}}_tn.jpg" width=40 height=40
             alt="{{ unit.shortname | limitTo: 18}} Photo"></td>
                    <td>{{unit.name | limitTo:18 }}</td>
                    <td>{{unit.valuetoday| currency:"£"}} </td>
                </tr>
                 </table>
ItemNameValueToday {{unit.name | limito:18} {单位价值今天|货币:£}

将只给出最后一行选择的值

last是布尔值,而不是整数