my code stock.com

Snippet options

Download: Download snippet as html-issues.html.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<!DOCTYPE html>
<html ng-app="app">
  <head>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular.min.js"></script>
    <meta charset=utf-8 />
    <title>JS Bin</title>
  </head>
  

<body>
	
<div ng-app="app" ng-controller="myCntrl">
<p>Enter a first Name: <input type="text" ng-model="firstName"></p>
<p>Enter a last Name: <input type="text" ng-model="lastName"></p>

<p>Enter a full name: {{fullName()}}</p>
Number of times changed: {{counter}}
</div>


</body>
<script type="text/javascript">
	
var app = angular.module('app', []);

app.controller('myCntrl', function($scope) {
$scope.firstName = "pradeep";
$scope.lastName= "kumar";

$scope.fullName = function() {
	return $scope.firstName + ' ' + $scope.lastName;
};


  $scope.counter = -1;

  $scope.$watch($scope.fullName, function() {
    $scope.counter++;
  });

});

</script>


</html>

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.