JSFiddle - React, Tailwind, and code Playground

by Annie Lagang

HTML

<script src="//cdn.jsdelivr.net/angular.bootstrap/0.4.0/ui-bootstrap-tpls.min.js"></script>
<div ng-app="myApp" ng-controller="DemoController">
    {{newToy}}
    <br/>
    <input type="text" data-ng-model="newToy" typeahead="(toy.name + ', ' + toy.color) for toy in toys" id="newToy" placeholder="Toy(s)"/>
</div>

JavaScript

angular.module("myApp", ['ui.bootstrap']).
controller("DemoController", function($scope) {
    $scope.newToy = "hello"
     $scope.toys = [
        {
            name: "Buzz",
            color: "Blue"
        },
        {
            name: "Buzz",
            color: "Orange"
        },
        {
            name: "Buzz",
            color: "Purple"
        },
        {
            name: "Transformers",
            color: "Blue"
        },
        {
            name: "Transformers",
            color: "orange"
        },
        {
            name: "Transformers",
            color: "red"
        }];   
 
});