JSFiddle - React, Tailwind, and code Playground

by hminaee

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="js/addFactor.js"></script>
<div class="row">

	<div ng-app="" ng-controller="personController" class="col-lg-12">

		<div style="background-color: yellow;height: 40px;" class="col-lg-4 col-sm-4">
			<div  class="col-lg-3 col-sm-3 col-sm-3 col-xs-3">User Name</div>
			<div style="text-align: left;" class="col-lg-9 col-sm-9 col-xs-9" ><input id="txt" type="text" style="width: 100%;"  ng-keyup="fullName()"></div>
		</div>
		

	</div>
</div>

JavaScript

function personController($scope) {
    $scope.firstName = "John",
    $scope.lastName = "Doe",
    $scope.availableTags = [],
    $scope.fullName = function() {
       /* return $scope.firstName + " " + $scope.lastName;*/
    	$scope.availableTags= [
    	                      "ActionScript",
    	                      "AppleScript",
    	                      "Asp",
    	                      "BASIC",
    	                      "C",
    	                      "C++",
    	                      "Clojure",
    	                      "COBOL",
    	                      "ColdFusion",
    	                      "Erlang",
    	                      "Fortran",
    	                      "Groovy",
    	                      "Haskell",
    	                      "Java",
    	                      "JavaScript",
    	                      "Lisp",
    	                      "Perl",
    	                      "PHP",
    	                      "Python",
    	                      "Ruby",
    	                      "Scala",
    	                      "Scheme"
    	                    ];
    	$(document).ajaxComplete(function(){
	    	$("#txt").autocomplete({
	    		source: $scope.availableTags,
	    	});
	    	
    	});
    	//return $scope.availableTags;
    }
}