AngularJS Data Binding

<!doctype html>

<html>
  <head>
    <link rel="stylesheet" href="lib/style.css">
    <script src="lib/script.js"></script>
  </head>

  <body ng-app="plunker" ng-cloak>
    <h1>AngularJs two-way data binding example</h1>
   <div ng-app="myApp" ng-controller="EmployeeController">
    Site Name: <input type="text" ng-model="WebsiteName" />
    <h2 ng-bind="WebsiteName"></h2>   
    </div>

    <p>Change the site name in input field, and the model data will change automatically and value will change.</p
  </body>
</html>

import angular from 'angular';

angular.module('plunker', []).controller('EmployeeController', function($scope) {   
     $scope.WebsiteName = "www.code-view.com";   
});

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

h1,
p {
    font-family: sans-serif;
}

{
  "name": "@plnkr/starter-angularjs",
  "version": "1.0.1",
  "description": "AngularJS starter template",
  "dependencies": {
    "angular": "^1.6.9"
  },
  "plnkr": {
    "runtime": "system",
    "useHotReload": false
  }
}