var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
});
<!DOCTYPE html>
<html>
<head>
<script src="https://code.angularjs.org/1.4.9/angular.js"></script>
<script>
var app = angular.module('app', []);
app.controller('mainCtrl', ["$scope", function($scope) {
$scope.fname = "Anil";
$scope.lname = "Singh";
}]);
</script>
</head>
<body ng-app="app">
<div ng-controller="mainCtrl">
<h3>Angularjs Controller Example</h3>
<lable>First Name: <input type="text" ng-model="fname"></lable> <br/>
<lable>Last Name: <input type="text" ng-model="lname"></lable><br/>
Full Name: {{fname + " " + lname}}
</div>
</body>
</html>
/* Put your css in here */