title: Using AngularJS to turn a multi-dimensional array into a multi level list
body: <p>I am using AngularJS and trying to use ng-repeat or the like to take a multi-dimensional array and put it into the DOM as a mutli-level list.</p>
  
  <p><strong>From This:</strong></p>
  
  <pre><code>    var menuOptions = [
          ["Page One"],
          ["Page Two"],
          ["Page Three"],
          ["Page Four", ["Sub-Page 1", "Sub-Page 2", "Sub-Page 3"] ],
          ["Page Five"]
      ];
  </code></pre>
  
  <p><strong>To This:</strong></p>
  
  <pre><code>   &lt;ul&gt;
          &lt;li&gt;Page One&lt;/li&gt;
          &lt;li&gt;Page Two&lt;/li&gt;
          &lt;li&gt;Page Three&lt;/li&gt;
          &lt;li&gt;Page Four 
              &lt;ul&gt;
                  &lt;li&gt;Sub-Page 1&lt;/li&gt;
                  &lt;li&gt;Sub-Page 2&lt;/li&gt;
                  &lt;li&gt;Sub-Page 3&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;Page Five&lt;/li&gt;
     &lt;/ul&gt;
  </code></pre>
  
  <p>I was unable to find anything in the Angular JS Documentation and a search of the web came to no avail. I am aware that I can handle something like this with plain 'ol Javascript, or PHP but I would like to utilize some Angular JS thing like ng-repeat.</p>
  
  <p>Any input is appreciated.</p>
  
  <p>Thanks!</p>