JAVASCRIPT

List of data with buttons that should display the rest of the data below

<button ng-click = "viewMore(x.ID)">View More</button>

List of data with buttons that should display the rest of the data below

$scope.selectedId = null;

  $scope.viewMore = function(id){
    $scope.showDiv = true; 
    $scope.selectedId = id;
  }

List of data with buttons that should display the rest of the data below

<tr ng-repeat = "x in userInfo | filter: { ID: selectedId }">
      <td>{{x.name}}</td>
      <td>{{x.hobby}}</td>
      <td>{{x.ID}}</td>
    </tr>