JSFiddle - React, Tailwind, and code Playground

by Naveen Kumar

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<div class="row" ng-app="ApplicationOne">
		<div class="col-md-6 col-md-offset-3" ng-controller="myControllerOne">
			<table class="table">
				<tr>
					<td>Name:</td>
					<td> <input type="text" class="form-control" ng-model="name"> </td>
				</tr>
				<tr>
					<td>Fathers name:</td>
					<td><input type="text" class="form-control" ng-model="fname"></td>
				</tr>
				<tr>
					<td>Ed.Qual:</td>
					<td>
						<select class="form-control" ng-model="ed">
							<option value="MCA">MCA</option>
							<option value="M.TECH">M.TECH</option>
							<option value="B.TECH">B.Tech</option>
							<option value="BSC">BSC</option>
						</select>
					</td>
				</tr>
				<tr>
					<td><button ng-click="message = 'Good job (Magilchi).'" class="btn btn-primary btn-md"> Save </button></td>
					<td><p>{{ message }}</p></td>
				</tr>
			</table>
			</div>
	</div>
	
	<div class="row" ng-app="App2">
		<div class="col-md-6 col-md-offset-3" ng-controller="myControllerTwo">
			<table class="table">
				<tr>
					<td>Name:</td>
					<td> <input type="text" class="form-control" ng-model="name"> </td>
				</tr>
				<tr>
					<td>Fathers name:</td>
					<td><input type="text" class="form-control" ng-model="fname"></td>
				</tr>
				<tr>
					<td>Ed.Qual:</td>
					<td>
						<select class="form-control" ng-model="ed">
							<option value="MCA">MCA</option>
							<option value="M.TECH">M.TECH</option>
							<option value="B.TECH">B.Tech</option>
							<option value="BSC">BSC</option>
						</select>
					</td>
				</tr>
				<tr>
					<td><button ng-click="message = 'Good job!!!'" class="btn btn-primary btn-md"> Save </button></td>
					<td><p>{{ message }}</p></td>
				</tr>
			</table>
		</div>
	</div>

JavaScript

angular
		.module('ApplicationOne',[])
		.controller('myControllerOne', function($scope){
			$scope.name = "Luther";
			$scope.fname = "Martin";
			$scope.ed = "B.TECH";
		});
		angular
		.module('App2',[])
		.controller('myControllerTwo', function($scope){
			$scope.name = "Juliet";
			$scope.fname = "Willium";
			$scope.ed = "BSC"; 
		});