JSFiddle - React, Tailwind, and code Playground

HTML

<head>
<script>
var btn = document.createElement("BUTTON");
    var t = document.createTextNode("CLICK ME");
</script>
</head>
<body ng-app="myApp">
<div ng-controller="ExampleController">
<div> 
   <div class="input-group">
     <input class="form-control enableEnter" type="text" ng-model="action"/>
      <div id="d1" class="input-group-btn">
        <button class="btn btn-primary" ng-click="search()">Search</button>
          <button class="btn btn-primary" ng-click="submit()">Submit</button>
       </div>
   </div>   
   <ul class="dropdown-menu" id="list" ng-show = "display" >
        <li> hello </li>
        <li class="dropdown" ng-repeat="x in actions">
            {{x.name}}
        </li>
    </ul>
</div>
</body>

JavaScript

angular.module('myApp', [])
    .controller('ExampleController', ['$scope', function($scope) {
$scope.actions = [];
    $scope.display=false;
    $scope.search = function () {
        $.get("http://localhost:8080/get/something/" + $scope.action)
            .success(function (response) {
                console.log(response);
                $scope.actions = response['RESPONSE'];
                $scope.display=true;
            }).error(function (jqXHR, textStatus, errorThrown) {
                console.error("Error retrieving something list", textStatus, errorThrown);
            });
    }
    $scope.submit = function () {
        $scope.display = true;
        document.getElementById('d1').style.visibility="hidden";
        $scope.actions = [{name:'dsad'},{name:'sdadad'},{name:'dsadasdasd'}]
    }
        
    }]);