AngularJS Controller Properties

<! DOCTYPE html>


<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<meta http-equiv= "x-ua-compatible" content= "Ie=edge"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1"/>
<title></title>
<meta charset= "Utf-8"/>
<link rel= "stylesheet" href= "Bootstrap-3.3.5/dist/css/bootstrap.min.css"/>

<body data-ng-app= "myApp" data-ng-controller= "Myctrl" >
<div class= "Container" style= "padding:50px" >
<p> Name: <input type= "text" data-ng-model= "FName"/></p>
<p> Surname: <input type= "text" data-ng-model= "LName"/></p>
<p> Name: {{fullName ()}}</p>

</div>

<script src= "Jquery/jquery-2.1.4.js" ></script>
<script src= "Bootstrap-3.3.5/dist/js/bootstrap.min.js" ></script>
<script src= "Http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ></script>
<script>
Angular.module ("myApp", []). Controller ("Myctrl", function ($scope) {$scope. FName = "Melao"; $scope. LName = "2006"; $scop E.fullname = function () {return $scope. fname+ $scope. LName}})
</script>
</body>

AngularJS Controller Properties