JSFiddle - React, Tailwind, and code Playground

by suraj ahir

HTML

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.jquery.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
 <md-input-container class="md-block" flex="25">
                        <label>Casino Name:</label>
                        <div class="tt">
                            <input type="text" class="span3" autocomplete="off" ng-keyup="getCustomerName(name)" ng-model="name" ng-blur="getSalesRep()" ng-disabled="customer_dis" bs-typeahead="typeahead">
                        </div>
                    </md-input-container>

JavaScript

function MyCtrl($scope) {
     $scope.getCustomerName = function(cust_name) {
                // var cust_name = $scope.name;
                console.log('customer', cust_name);
                if (cust_name) {
                    if (cust_name.length == 1) {
                        console.log('cust_name', cust_name.length);

                        var name = cust_name.slice(0, 1);
                        console.log('name', name);

                        $http({
                            method: "GET",
                            url: "https://artflowserver.herokuapp.com/api/customers?name=" + name,
                            headers: {
                                'Content-Type': 'application/json; charset=utf-8'
                            }
                        }).then(
                            function mySucces(res) {
                                var all_customer = [];
                                var customer = [];
                                console.log('res', res);
                                for (var i = 0; i < res.data.length; i++) {
                                    all_customer.push({
                                        id: res.data[i].customer.id,
                                        name: res.data[i].customer.name,
                                        sage_id: res.data[i].customer.sage_id
                                    })
                                    customer.push(
                                        res.data[i].customer.name
                                    )
                                }

                                $scope.typeahead = customer;
                                console.log('cust', customer);

                            },
                            function Error(err) {
                                console.log('err', err);
                            });
                        $scope.$on('typeahead-updated', function() {
                           ...