title: How to create dynamic variable and assign data
body: <p>I have a small app where i add city and country to the list and request weather for individual city using http request. </p>
  
  <p><strong>Whats the problem</strong>
  : When i have more than one cities in the list, and i request weather of perticular city, it updates weather for all the cities in the list;</p>
  
  <p><strong>What i want ?</strong> : I want to create a dynamic variable or array index where i can store and display weather info of individual city with its name as index. I am open to other solutions apart from dynamic variable or array index.</p>
  
  <p><strong>Is there a plnkr?</strong> : Here is the link to <a href="http://plnkr.co/edit/j3TymxawVtkMfiApkywO?p=preview" rel="nofollow noreferrer">plunkr</a>. 
  Add 2 entries to reproduce the issue
  1) pune, india
  2) mumbai, india</p>
  
  <p><strong>What i tried</strong> : I tried to convert "destination" variable to string which is a function parameter to string using <strong>$parse</strong> and <strong>$scope.$eval()</strong> but that didnt worked.</p>
  
  <p>Here is my getWeather function </p>
  
  <pre><code>$scope.getWeather = function(destination){
  
      $http.get(destination+".json").then(
          function successCallback (response){
              if(response.data){
                  $scope.dest = {};
                  $scope.dest = response.data;                
  
                  // $scope.info[$parse(destination)] = response.data;
                  // console.log($scope.info[$parse(destination)]);
  
              }
          },
          function errorCallback (err){
              alert(err);
          }
      );
  }
  </code></pre>