Как правильно ng-повторить через вложенные пары ключ-значение в angularJS

Просмотреть код в реальном времени:

Angular JS

Как в мире правильно выполнять циклическое преобразование пар вложенных значений ключей и выводить их, как показано ниже?

Представление, которое я хочу, - это дерево, похожее на это

-touts
  -classes
    -col-12 
    -col-md-12
    -col-lg-12

В настоящее время представление:

touts
  {"classes":["col-12","col-md-12","col-lg-12"]}

JS:

var currentApp = angular.module('currentApp', []);
currentApp.controller('ACtrl', function($scope){

    $scope.templates = {
        'touts' : [
            {
                'classes' : ['col-12', 'col-md-12', 'col-lg-12' ]
            }
        ]
    };
});

HTML:

    

        

            
{{key}}
              

                  

                      
{{class}}