List Tree Option

by Alaksandar Jesus Gene

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script src="https://www.cdnjs.com/libraries/angular-filter"></script>
<div ng-app="myApp" ng-controller="myCtrl">
   
    
<ul>
<li ng-repeat="menu in menus |  toArray">
    
    {{menu.name}}
        <ul>
            
    </ul>
    </li>
        </ul>
    
</div>

JavaScript

var app = angular.module('myApp',[]);
app.controller('myCtrl', function($scope){

    $scope.menus = 
[
    {name:"Parent One",
     submenu:[
         {name:"Child One",
            submenu:[
                        "Grand Cild One","Grand Child Two","Grand Child Three"
                        ]
         }
        ]
    },
    {
      name:"Parent Two",
      submenu:[
         {name:"Child One"}
        ]
    }

]

});