title: AngularJS Help: Connecting a Search Input into an REST Interface
body: <p>I been studying AngularJS for last few days, however I'm stuck on one section. What I want to do is by allowing the user to input a search (within the input widget of course), I want the search to be connected to Online API (OpenWeatherAPI) and extract JSON data from online. I then want the result to be displays within the webpage.</p>
  
  <p>I already done the source code for extracting JSON data using AngularJS. I'm just stuck on connecting the search query to the API. Here the source code for the extracting the REST API:</p>
  
  <pre><code>9 var app = angular.module('oMoonShine', []); 
  10 
  
  11 // Note: Controller To Access Weather Data From OpenWeatherAPI (Content Type: JSON)  
  12 app.controller('FetchController', function ($scope, $http) { 
  13     $http.get("http://api.openweathermap.org/data/2.5/weather?lat=35&amp;lon=139", request) 
  14     .then(function (response) { 
  15         if (response.status == 200) { 
  16             // Note: Important To Print Your Response To Anaylse The JSON Recieved 
  17             // Note: For Example OpenWeatherAPI Add Additional Param So Have it 
  18             // Note: Like &lt;code&gt;$scope.info = response.data;&lt;/code&gt; To Anaysle It 
  19             $scope.info = response.data; 
  20         } 
  21     }); 
  22 
  
  23     // Note: Request Object For Extra Types 
  24     var request = { 
  25         headers: 'application/json', 
  26         method: 'GET' 
  27     }; 
  28 }); 
  </code></pre>