How can I get different collections from firebase into an array, in an angular controller?

Question

JavaScript

Hello.
I want to get data from two collections of the form into an array:

And display it on the page in the form:

<div ng-repeat="post in vm.allPosts">
       <h3>
             {{ post.postCaption }}
       </h3>
       <p>
            {{ post.postText }}
       </p>
           <span>Автор: {{ post.ownerName }}
               <div ng-repeat="comment in post.comments">
                   <h4>
                       {{ comment.commentText }}
                   </h4>
                   <p>
                       {{ comment.ownerName }}
                   </p>
               </div>
</div>

So far it came up like this:

$q.all( [ getPosts(), getComments() ] ).then(
            function (results) {
                doSomethingOnThem(results[0], results[1]);
            }
        );

Maybe there are better options to immediately get the combined data in an array?