<!DOCTYPE HTML>
<html ng-app>
<head>
<style>
	div{	
	font-size: 20px;
	}
</style>
<script src="angular.min.js"></script>
</head>
<body>
	<div class="main">
		<input type="text" placeholder="Your First Name" ng-model=fname>
		<input type="text" placeholder="Your Last Name" ng-model=lname>
		<p>Your name is: <span ng-bind="fname + ' ' + lname"></span> </p>
	</div>
</body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular.js