JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
CSS
#project-label {
display: block;
font-weight: bold;
margin-bottom: 1em;
}
#project-icon {
float: left;
height: 32px;
width: 32px;
}
#project-description {
margin: 0;
padding: 0;
}
.mapsearch
{
display: none;
position: absolute;
left: 20px;
top: 49px;
width: 200px;
padding: 5px;
z-index: 90;
font-size: smaller;
background-color: #636D83;
color: #FCD209;
}
JavaScript
var app = angular.module('myApp', []);
app.controller('myCtrl', function($s) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});