title: function "x" not defined in ng-repeat
body: <p>hi i am new to angularjs and i have been trying to do a table but for some reason it dose not work for me
  and even the example from w3schoos dose not work for me but it works on their site</p>
  <p>here is a link to their code : <a href="https://www.w3schools.com/angular/tryit.asp?filename=try_ng_tables_simple" rel="nofollow noreferrer">https://www.w3schools.com/angular/tryit.asp?filename=try_ng_tables_simple</a></p>
  <p>and this is the error i get when i run it on vs on a page named index.html :index.html:10: function &quot;x&quot; not defined</p>
  <p>and this is my code</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js&quot;&gt;&lt;/script&gt;
  &lt;body&gt;
  
  &lt;div ng-app=&quot;myApp&quot; ng-controller=&quot;customersCtrl&quot;&gt; 
  
  &lt;table&gt;
    &lt;tr ng-repeat=&quot;product in products&quot;&gt;
      &lt;td&gt;{{ product.title }}&lt;/td&gt;
      &lt;td&gt;{{ prodcut.Price }}&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/div&gt;
  
  &lt;script&gt;
  var app = angular.module('myApp', []);
  app.controller('customersCtrl', function($scope, $http) {
      $http.get(&quot;http://localhost:8080/&quot;)
      .then(function (response) {$scope.products = response.data.products;});
  });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>and the error : panic: template: index.html:10: function &quot;product&quot; not defined</p>
  <p>i send to it a json file that looks like this :</p>
  <pre><code>{
      &quot;products&quot;: [
          {
              &quot;id&quot;: 1,
              &quot;title&quot;: &quot;שוקו&quot;,
              &quot;Price&quot;: &quot;20&quot;,
              &quot;Quantity&quot;: 10
          },
          {
              &quot;id&quot;: 2,
              &quot;title&quot;: &quot;חלב&quot;,
              &quot;Price&quot;: &quot;30&quot;,
              &quot;Quantity&quot;: 20
          },
          {
              &quot;id&quot;: 3,
              &quot;title&quot;: &quot;מילקי&quot;,
              &quot;Price&quot;: &quot;40&quot;,
              &quot;Quantity&quot;: 30
          },
          {
              &quot;id&quot;: 4,
              &quot;title&quot;: &quot;קפה&quot;,
              &quot;Price&quot;: &quot;50&quot;,
              &quot;Quantity&quot;: 60
          },
          {
              &quot;id&quot;: 5,
              &quot;title&quot;: &quot;שוקולד&quot;,
              &quot;Price&quot;: &quot;40&quot;,
              &quot;Quantity&quot;: 50
          },
          {
              &quot;id&quot;: 6,
              &quot;title&quot;: &quot;קולה&quot;,
              &quot;Price&quot;: &quot;40&quot;,
              &quot;Quantity&quot;: 50
          },
          {
              &quot;id&quot;: 7,
              &quot;title&quot;: &quot;טרופית&quot;,
              &quot;Price&quot;: &quot;5&quot;,
              &quot;Quantity&quot;: 100
          }
      ],
      &quot;title&quot;: &quot;מוצרים&quot;
  }
  </code></pre>