How do I properly ng-repeat through nested key value pairs in angularJS

Question

View live code:

Angular JS

How in the world do I properly loop through nested key value pairs and properly output them like below?

View I want is

Answer 1

So this is pretty old question, however if you modified the object a bit (swap the array types for objects) the following template should work just fine.

angular.module('init', [])
  .controller('test', ['$scope', function($scope) {

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

ul {
  list-style: none;
}