Angular: Empty Fiddle

http://angularjs.org/

by Kamal Kumawat

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <input type="text" class="form-control" ng-model="entity.name" ng-value="entity.surname" placeholder="Enter name" required/>
    <input type="text" class="form-control" ng-value="entity.surname" placeholder="Enter surname" required/>
    <input type="text" class="form-control" ng-value="entity.fullname" placeholder="Enter fullname" required/>
    <button ng-click="getFullname()" name="submit">Submit</button>
    </div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.entity = {
      name:'Kamal',
      surname:'kumawat',
      fullname:''
    };
   $scope.getFullname = function(){
			this.entity.fullname = this.entity.name + ' ' + this.surname;
   }
}