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-list ng-repeat="list in lists" list-data="list"></my-list>

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

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