JSFiddle - React, Tailwind, and code Playground

by javiros

HTML

<div ng-app="myApp" ng-controller="regionsCtrl">

  <div class="col-lg-6 col-lg-offset-3 text-center">
    <form>
      <div class="input-group">
        <input type="text" class="form-control" id="search_input" placeholder="Search for..." ng-model="search">
        <span class="input-group-btn">
                        <button class="btn btn-default" type="submit" ng-click="research()"><i class="glyphicon glyphicon-search"></i>Search</button>
                    </span>
      </div>
    </form>
    <p>
      Search : {{search}}
    </p>
    <span ng-bind="search"></span>
  </div>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('regionsCtrl', function($scope, $http) {
  $scope.search = '';

  $scope.research = function() {
    console.log($scope.search);
    window.location.href = "http://localhost:4000/results?search=" + $scope.search + "&size=20";
  };
});