JSFiddle - React, Tailwind, and code Playground

by zaibtabs

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.4/flatly/bootstrap.min.css">
<body>
<div id="app" ng-view>
    <div ng-controller="controller" class="container">
        <h3>Typeahead using AngularJS and Boostrap3 css</h3>
        <p class="lead">(without jQuery or bootstrap js)</p>
        <input class="form-control" type="text" autocomplete="false" ng-model="input" placeholder="Start typing a country" typeahead="countries" typeahead-callback="callback" />
        <br /><p>You selected: {{country.name}}</p>
    </div>
</div>

JavaScript

angular.module('app', []);

angular.module('app').
controller('controller', ['$scope', function($scope){
    $scope.countries = [{name: "Bangladesh"},{name: "Belgium"},{name: "Burkina Faso"},{name: "Bulgaria"},{name: "Bosnia and Herzegovina"},{name: "Barbados"},{name: "Wallis and Futuna"},{name: "Saint Barthelemy"},{name: "Bermuda"},{name: "Brunei"},{name: "Bolivia"},{name: "Bahrain"},{name: "Burundi"},{name: "Benin"},{name: "Bhutan"},{name: "Jamaica"},{name: "Bouvet Island"},{name: "Botswana"},{name: "Samoa"},{name: "Bonaire"},{name: "Saint Eustatius and Saba"},{name: "Brazil"},{name: "Bahamas"},{name: "Jersey"},{name: "Belarus"},{name: "Belize"},{name: "Russia"},{name: "Rwanda"},{name: "Serbia"},{name: "East Timor"},{name: "Reunion"},{name: "Turkmenistan"},{name: "Tajikistan"},{name: "Romania"},{name: "Tokelau"},{name: "Guinea-Bissau"},{name: "Guam"},{name: "Guatemala"},{name: "South Georgia and the South Sandwich Islands"},{name: "Greece"},{name: "Equatorial Guinea"},{name: "Guadeloupe"},{name: "Japan"},{name: "Guyana"},{name: "Guernsey"},{name: "French Guiana"},{name: "Georgia"},{name: "Grenada"},{name: "United Kingdom"},{name: "Gabon"},{name: "El Salvador"},{name: "Guinea"},{name: "Gambia"},{name: "Greenland"},{name: "Gibraltar"},{name: "Ghana"},{name: "Oman"},{name: "Tunisia"},{name: "Jordan"},{name: "Croatia"},{name: "Haiti"},{name: "Hungary"},{name: "Hong Kong"},{name: "Honduras"},{name: "Heard Island and McDonald Islands"},{name: "Venezuela"},{name: "Puerto Rico"},{name: "Palestinian Territory"},{name: "Palau"},{name: "Portugal"},{name: "Svalbard and Jan Mayen"},{name: "Paraguay"},{name: "Iraq"},{name: "Panama"},{name: "French Polynesia"},{name: "Papua New Guinea"},{name: "Peru"},{name: "Pakistan"},{name: "Philippines"},{name: "Pitcairn"},{name: "Poland"},{name: "Saint Pierre and Miquelon"},{name: "Zambia"},{name: "Western Sahara"},{name: "Estonia"},{name: "Egypt"},{name: "South Africa"},{name: "Ecuador"},{name: "Italy"},{name: "Vietnam"},{name: "Solomon...