AngularJS按需加载数据，具有更多功能

Question

我是AngularJS的新手。我想在每一行创建一个包含用户名称的表。一旦用户点击任何一个用户，它应该从服务器获取数据并加载该用户下面的详细信息。如果他点击其他用户，则应清除以前用户的数据并填充所选用户的详细信息。我为上述要求创建了一个表和json，它很好。我不知道1）如何通过单击加载更多按钮在当前用户下附加详细信息2）如何删除前面的详细信息并加载当前用户的详细信息。我已附上下面的输出和代码。

HTML

<div ng-app="myApp" ng-controller="myCtrl"> 
<table>
    <tr ng-repeat-start="val in data.Titles" class="h">
        <td colspan="2" ng-hide="val.title == undefined">{{val.title}}</td>
    </tr>
    <tr ng-repeat="con in val.details">
        <td>{{con.portfolio}}</td>
        <td>{{con.status}}</td>
    </tr>
    <tr ng-repeat-end>
        <td colspan="2">Load More</td>
    </tr>
 </table>
</div>

- ＆GT; 的代码：

angular.module("myApp", [])
    .controller("myCtrl", ["$scope", function ($scope) {

        $scope.data = {"Titles":[{title:"User 1",    
            details: [{portfolio: "Microsoft", status:"Male"},{portfolio:"IBM", status:"Female"}]
    }, {title:"User 2",
        details: [{portfolio: "Yahoo", status:"Male"},{portfolio: "Google", status:"Female"}]
    }]};

}]）;