<!DOCTYPE html>
<html>
	<head>
    	<title>AngularJS Controller In External Files</title>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    </head>
	
    <body>
 
		<div ng-app="myApp" ng-controller="Extn_Ctrl">
 
		<b>First Name :</b> <input type="text" ng-model="first_name" placeholder="First Name"><br /><br />
		<b>Last Name :</b> <input type="text" ng-model="last_name" placeholder="Last Name"><br>
		<br />
		<h4>Full Name : {{full_name()}}</h4>
		 
		</div>
		 
		<script type="text/javascript" src="../examples/external_ctrl.js"></script>
        
    </body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>

Output :

Topic : Controller In External Files