Nested ng-repeats

by gedave

HTML

<div ng-app>
    <div ng-controller="FooController">

    
        <span >{{Test2}}</span><br>
        <span >{{TestMenu[0].MENU}}</span><br>
        <span ng-include src="'{{TestMenu[0].MENU}}'">Test Menu</span>

    </div>
    
</div>

JavaScript

function FooController($scope) {

    
    $scope.TestMenu = [
    {"MODALITY":"MR","QSF":"QSP","MENU":"<ul><li>Category 1<ul><li>Item 1</li><li>Item 2</li></ul></li><li>Category 2<ul><li>Item 1</li></ul></li></ul>"}
    ];
    
    $scope.Test2 = "This is a test";
}