JSFiddle - React, Tailwind, and code Playground

by Slava P

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.js"></script>
<link rel="stylesheet" href="https://rawgit.com/ghiden/angucomplete-alt/master/angucomplete-alt.css">
<script src="https://rawgit.com/ghiden/angucomplete-alt/master/angucomplete-alt.js"></script>
<div ng-app="testApp" ng-controller="testController">
  <angucomplete-alt id="ex1" selected-object="selectedCountry" local-data="countries" title-field="name" search-fields="name" input-class="form-control form-control-small" match-class="highlight" />
</div>

CSS

.highlight {
  color: red;
}

JavaScript

var app = angular.module('testApp', ["angucomplete-alt"]);

    app.controller('testController', ['$scope', function($scope) {
      $scope.countries = [{
        'id': '1',
        'name': 'Denmark'
      }, {
        'id': '2',
        'name': 'Germany'
      }, {
        'id': '3',
        'name': 'Russian Federation'
      }, {
        'id': '4',
        'name': 'Federation of United Nations'
      }, {
        'id': '5',
        'name': 'Rupublican Federation'
      }];
    }]);