This is my Angular controller:

```
var app = angular.module('app', []);

app.controller("ctrl", ['$scope', '$http', function ($scope, $http) {
    var promise = $http.get("url1")
        .then(function (response) {
            console.log(response);
            $scope.files = [response.data]
            return $http.get('url2', {
                params: {
                    id: response.data[0].Id
                }
            })
        })
    .then(function (response2) {
        console.log(response2);
        $scope.files = response2.data;
        return response2.data;
    })
}])

```

my HTML

```
<div ng-app="app" ng-controller="ctrl">
<script type="text/ng-template" id="category">
    <a href="{{file.Url}}"><strong>{{file.Name}}</strong></a>
    <ul ng-if="(files | filter:{ParentId : file.Id}).length > 0">
        <li ng-repeat="file in files | filter: {ParentId : file.Id" ng-include="'category'"></li>
    </ul>
</script>
<ul class="btn-highlight plus">
    <li ng-repeat="file in files | filter: {ParentId : 0}" ng-include="'category'"></li>
</ul>
</div>

```

ParentId = response.data.Id in my Angular controller. 

My question is how can I include response and response2 in my scope called $scope.files at the same time and call my response.data.Id in my html code(ParentId)?