CODEWITHSUNDEEP
angularjs
user1030181
user1030181

Reputation: 2015

How to make first row selected in this simple angularjs grid

I am getting response of employee data in 

$scope.employeeData = response.data;

How can make first row as selected by default 

  <tr ng-repeat="row in employeeData">
                <td>
                    <a ng-click="Test(row)"> {{row.employeeName}}</a>
                </td>
                <td>{{row.employeeStatus}}</td>
                <td>{{row.employeeDesignation}}</td>
            </tr>

Upvotes: 0

Views: 691

Answers (1)

gh9
gh9

Reputation: 10703

$scope.SelectedRow = response.data[0]


var test  = function(row) {$scope.SelectedRow = row};

Just manually select the row in the controller, Then in your controller wire up the selected row as you see fit, or if you want your test to fire you can do something like this

test(response.data[0]);

var test = function(row) {$scope.SelectedRow = row;}

*******EDIT******

app.controller("fooController", ["$scope", "dataService",  function ($scope, dataService) {

$scope.SelectedRow;//the selected row youwant to show
$scope.employeeData; //your data to display

self.test = function(row){ $scope.SelectedRow = row;}

//call your service to get your data

    dataService.GetData().then(function(result){
    $scope.employeeData = response.data;
    test(response.data[0]);//this will fire on "page load" 
    });


    }]);

Upvotes: 1

Related Questions