title: Angular Shopping List ng-repeat not valid
body: <p>I am trying to create a shopping list in Angular - and I cannot get my ng-repeat to work. {{food}} is all that will show up when I am trying to add something to my list.</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Shopping List Angular&lt;/title&gt;
  &lt;/head&gt;
  &lt;body ng-app="myModule" ng-controller="myController"&gt;
  
      &lt;div ng-controller="myController"&gt;
          &lt;ul&gt;
              &lt;li ng-repeat="item in foods"&gt;{{ item.name }}&lt;/li&gt;
              &lt;li&gt; {{foods}}&lt;/li&gt;
          &lt;/ul&gt;
          &lt;input type="text" placeholder="Item"  ng-model=""&gt;&lt;/input&gt;
          &lt;input type="text" placeholder="Item Name" ng-model=""&gt;&lt;/input&gt;
  
      &lt;/div&gt;
  
      &lt;script type="text/javascript" src="angular.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
          var app = angular.module('myModule', []);
  
  app.controller('myController', function($scope) { 
    $scope.foods = [
      {name: 'Kale', cost: $2.00},
      {name: 'Tofu', cost: $3.00},
      {name: 'Spinach', cost: $6.00},
      {name: 'Onion', cost: $1.00}
      ];
  }); 
  </code></pre>