JSFiddle - React, Tailwind, and code Playground

by Hifni Nazeer

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="app" ng-controller="ctrl">
  <div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" ng-keyup="complete()" />
  </div>
</body>

JavaScript

var app = angular.module('app', []);
app.controller('ctrl', function($scope) {
  $scope.availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
  ];
  $scope.complete = function() {
    $("#tags").autocomplete({
      source: $scope.availableTags
    });
  }
});