Angularjs ng repeat或ng options如何自动选择表中的最后一行?
如何自动选择表中的最后一行 ng repeat=“selectedOrder.products中的单位”使用类似于按track按$index==desc或ng选项进行选择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><
<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是布尔值,而不是整数