<!doctype html>
<html ng-app="myApp" >
<head>
  <meta charset="utf-8">
  <title>AngularJS Plunker</title>
  <link rel="stylesheet" href="style.css">
  <script>document.write("<base href=\"" + document.location + "\" />");</script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script>
  <script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
  <p>
    <label>Name</label>
    <input type="text" ng-model="name"/>
    <button ng-click="reverseName()">Reverse</button>
  </p>
  Hello {{name}}!
</body>
</html>
/* Declare your main module.
 * this is your angular application module*/
var app = angular.module('myApp', []);

/* register a controller */
app.controller('MainCtrl', function($scope) {
  /* $scope is what is used for two-way binding */
  $scope.name = 'World';
  
  /* declare a method to call from a click in our markup */
  $scope.reverseName = function () {
    $scope.name = $scope.name.split('').reverse().join('');
  };
});
/* Put your css in here */