查看实时代码：

角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：

<div ng-app="currentApp">
    <div ng-controller="ACtrl">
        <ul ng-repeat="(key, prop) in templates">
            <li>{{key}}</li>
              <li>
                  <ul ng-repeat="class in templates[key]">
                      <li>{{class}}</li>
                  </ul>
            </li>
        </ul>
    </div>
</div>