自动选择表中的最后一行并调用函数

Question

在Angular中如何自动选择表格中的最后一行并调用函数

HTML

ng-repeat="order in orders | filter: prop.value |orderBy:orderByField:reverseSort | limitTo:-3" ng-click="selectOrder(order); setSelected()" class={{selected}}

控制器

$scope.setSelected = function() {
    console.log("show", arguments, this);
    if ($scope.lastSelected) {
        $scope.lastSelected.selected = '';
     }
     this.selected = 'selected';
     $scope.lastSelected = this;
}

$scope.selectOrder = function (order) {
    $scope.selectedOrder = order;
};

此html返回列表中的三个订单的列表 当我点击列表中的一行时，它会显示一个附加表，其中的项目完整顺序

如果不点击订单，则不会显示其他表格，这是不合需要的

目标：我希望它自动选择并点击最后一行，以便订单中的其他项目始终显示在屏幕上

Answer 1

您可以在生成最后一行时添加callBack，并在其中包含对您的函数的调用。您可以在互联网上找到许多示例（例如，这一个ng-repeat finish event）

Answer 2

对于我的例子，这工作并自动选择并调用函数

ng-init =“$ last＆amp;＆amp; selectOrder（order）; setSelected（）”class = {{selected}}＆gt;＆gt;