Передача значения из формы в javascript

313

26 ноября 2016, 17:51

Есть расширения chrome. В самом расширении ссылка на страницу настроек с формой. Как передать значение из страницы формы в скрипт? (в переменную cityname), что-бы скрипт её воспринял?

Есть форма:

var app = angular.module('jsbin', []); 
 
app.controller('DemoCtrl', function($http) { 
 
  var vm = this; 
   var temp1=[]; 
   var cityname=""; 
var URL2; 
  var URL = 'http://api.openweathermap.org/data/2.5/forecast/daily'; 
 
  $scope.submit = function() { 
        if ($scope.text) { 
        cityname.push(this.text); 
          cityname.text =''; 
        } 
 
 
  var request = { 
    method: 'GET', 
    url: URL, 
    params: { 
       q: ng-bind-htm, 
      mode: 'json', 
      units: 'metric', 
      cnt: '7', 
      appid: '3ac1f68b653ffbf72a5f782420062771' 
    } 
  }; 
 
 $http(request) 
    .then(function(response) { 
   vm.data = response.data; 
   vm.URL2="http://openweathermap.org/img/w/"+vm.data.list[0].weather[0].icon+".png"; 
   vm.mmrts=Math.round(vm.data.list[0].pressure* 0.7500); 
       }). 
    catch(function(response) { 
      vm.data = response.data; 
      vm.URL2="http://openweathermap.org/img/w/"+vm.data.list[0].weather[0].icon+".png"; 
 
    }); 
 
 
});

-<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <title>Angular JS</title> 
   <link rel="stylesheet" type="text/css" href="style.css"> 
  <script src="angular.min.js"></script> 
    <script  src="weather.js"></script> 
</head> 
<body ng-app="jsbin"> 
 
  <form ng-submit="submit()" ng-controller="DemoCtrl"> 
    Enter text and hit enter: 
    <input type="text" ng-model="text" name="text" /> 
    <input type="submit" id="submit" value="Submit" /> 
    <pre>list={{list}}</pre> 
  </form> 
 
    </div> 
    </body> 
  </html>