title: Loop through array in array with Angular
body: <p>Working on a TODO-app to learn Angular. I have this hardcoded array as a "database" and i want to display the tasks in the view.</p>
  
  <pre><code>var taskLists = [
  
      {name: 'Todays todo', id: '1', tasks:['Make coffe', 'another task']},
      {name: 'Tomorrow i will do this', id: '2', tasks:['Code well', 'go to bed']}
  
  ];
  </code></pre>
  
  <p>So how do i iterate through an array inside an array in an angular-view?
  I tried to have two ng-repeats but cant get it to work right. I want to display the tasks one by one as <code>&lt;td&gt;</code>, not just the whole tasks array as one <code>&lt;td&gt;</code> as it does right now ['Make coffe', 'another task']</p>
  
  <p>This is what the view looks like.</p>
  
  <pre><code>&lt;h2 ng-repeat="object in list"&gt;{{object.name}}&lt;/h2&gt;
  &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;Tasks&lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tr&gt;
          &lt;td ng-repeat="task in list"&gt;{{task.tasks}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>