I have implemented a process to show my data from database in a `#showdata` div with the following method.

```
function UserCntrl($scope) {

getUser();

$scope.save = function () {
    $.ajax({
        type: "POST",
        url: "UserService.asmx/InsertUser",
        data: "{'Username':'" + $scope.Name + "','Email':'" + $scope.Mail + "','Password':'" + $scope.Password + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            alert(msg.d);
            $("#showdata").append("Username: " + $scope.Name + "<br />" + "Email:" + $scope.Mail + "<br />");
        },
        error: function (msg) {
            alert(msg.d);
        }
    });
};

function getUser() {
    $.ajax({
        type: "POST",
        url: "UserService.asmx/GetUserDetails",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            var parsed = $.parseJSON(data.d);
            $.each(parsed, function (i, jsondata) {
                $("#showdata").append("Username: " + jsondata.Name + "<br />" + "Email:" + jsondata.Mail + "<br />");
            });
        },
        error: function (XHR, errStatus, errorThrown) {
            var err = JSON.parse(XHR.responseText);
            errorMessage = err.Message;
            alert(errorMessage);
        }
    });
  };
}

```

Everything working just fine and all data showing properly in `#showdata` div. But now I want to do the same thing but by using the ng-repeat directive.

How can I achieve this?