title: Binding not works in angularjs
body: <p>I am new to Angular, i am using Angular5.</p>
  
  <p>I have productlist.js, having data in that file. Binded that data in the my html page, it's not working.</p>
  
  <p>If i have the data in html file [ commented code in sample.html ], then it is working as expected.</p>
  
  <p><strong>productlist.js</strong></p>
  
  <pre><code>angular.module('myShoppingList')
  .controller('myCtrl', function ($scope) {
  
  
      $scope.products = ["Milk", "Bread", "Cheese"];
  
  });
  </code></pre>
  
  <p><strong>Sample.html</strong></p>
  
  <p>
     </p>
  
  <pre><code>&lt;div ng-app="myShoppingList" ng-controller="myCtrl"&gt;
      &lt;ul&gt;
          &lt;li ng-repeat="x in products"&gt;{{x}}&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have added the productlist.js under the head in sample.html    </p>