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 */