title: how to retrieve data from Json file and displaying it in HTML dropdown...?
body: <p>Hi i have developed simple Html Page using AngularJS which displays Manufacturer Name in drop down on user selection correspondent Manufacturer Id  will get displayed in the below text box.
  I have used ng-repeat directive to display manufacturer names in HTML Dropdown and ng-model directive to display selected manufacturer Id.</p>
  
  <pre><code>here is my HTML CODE 
  
  &lt;!DOCTYPE html&gt;
  &lt;html ng-app="jsonapp"&gt;
  &lt;head&gt;
  &lt;script src="angular.min.js"&gt;&lt;/script&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt; 
  &lt;div ng-controller='JsonController'&gt;
      &lt;span&gt;Please select a Manufacturer:&lt;/span&gt;
  
       &lt;li ng-model="Manufacturers" ng-repeat="Manufnames in Manufacturers" style="width:350px;"&gt;
              {{Manufnames.ManufacturerName}}
       &lt;/li&gt;  
  // here i wanted to Display Drop Down which will display Manufacturer Names
      &lt;input type="text" /&gt; //here i wanted to display correspondent Manufacturer ID 
  &lt;/div&gt;
  &lt;script&gt;
      var app = angular.module('jsonapp', []);
      app.controller('JsonController', function ($scope, $http) {
          $http.get('Pipes.json') 
          .success(function (response) { $scope.Manufacturers = response.Pipesmanuf; });
      });
      &lt;/script&gt;
   // since i have stored both Json and HTML on Same Folder i am directly passing json filename to http.get() funtion to retrive data
  &lt;/body&gt;
  &lt;/html&gt; 
  
  // I have stored both HTML File and  Json File in same folder My Json file contains following data:
  
  {
  "Pipesmanuf": [
      {
          "ManufacturerId": 1,
          "ManufacturerName": "Avonplast",
          "Products": "PIPES",
          "ManufacturerLogo": "C:\Users\Suprith\Desktop\Manufacturerlogos\Pipes\avonplast.jpg"
      },
      {
          "ManufacturerId": 2,
          "ManufacturerName": "BEC",
          "Products": "PIPES",
          "ManufacturerLogo": "C:\Users\Suprith\Desktop\Manufacturerlogos\Pipes\BEC.png"
      }
  ]
  }
  </code></pre>
  
  <p>I am New to Angular JS please suggets me how to Load data from JSON File and displaying it using HTML DropDowns or HTML List</p>