Automatically select last row in a table and invoke function

Question

In Angular How Do I Automatically select last row in a table and invoke function

html

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

controller

$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;
};

This html returns a list of three orders in a list when I click on a row in the list it displays an additional table with the items in an order perfectly

Without clicking on an order no additional table is displayed which is undesirable

Objective: I want it to automatically select and click the last row so additional items in an order is always displayed on screen

Can you edit the question and post the selectOrder() and setSelected() functions? — Vi100, Dec 05 '15 at 10:23

score 1 · Answer 1 · edited May 23 '17 at 12:23

1

You could add a callBack when the last row is generated, and include there the call to your function. There are lots of examples that you can find in internet (for instance, this one ng-repeat finish event)

edited May 23 '17 at 12:23

Community

1
1

answered Dec 05 '15 at 10:37

Rumoroso

154
4

score 0 · Answer 2 · answered Dec 05 '15 at 17:28

0

for my example this worked and auto selected and invoked the function

ng-init=" $last && selectOrder(order); setSelected()" class={{selected}}>>

answered Dec 05 '15 at 17:28

user3265817

99
1
13

I think it will always select the last element when the list changes, not only at page load. Is this what you want? – Tamas Hegedus Dec 05 '15 at 17:47

Automatically select last row in a table and invoke function

2 Answers2