The Correct Way To Display Cards In Lists, As In Trello

I'm trying to create project like Trello. I do not know how to do it properly. I created function init in AngularJS Controller where i put http requests: $scope.loadLists();

Solution 1:

It's not that easy to solve with two ng-repeat's. You may want to create your list and card directives because eventually they will be complex views:

<my-listng-repeat="list in lists"list-data="list"></my-list>

And inmy-list directive, you can create a loop to to render cards:

<my-cardng-repeat="card in listData.cards"card-data="card"></my-card>