<!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> </html>
Output :
Topic :
Controller In External Files
