<!DOCTYPE html>
<html ng-app="app">
  <head>
    <title>Hello, Mobile!</title>
    <link rel="stylesheet" href="index.css" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.min.js"></script>
    <script src="main.js"></script>
  </head>
  <body>
    <h1>Original test affected by slowness -  angularjs 1.2.2</h1>
    <div ng-controller="FirstCtrl">
      <h4>The simplest adding machine ever</h4>
      <button ng-click="add(1)" class="button">Add</button>
      <a ng-click="subtract(1)" class="button alert">Subtract</a>
      <h4>Current count: {{ counter }}</h4>
    </div>
    
    
    <div class="tf">
      <label for="tfield">Name</label>
      <input type="text" ng-model="name" placeholder="Mobile" id="tfield">
    </div>
    <div>
        <h1>Hello, {{name}}!</h1>
    </div>
    
  </body>
</html>
/* Put your css in here */

/**
var app = * app Module
*

*/
var app = angular.module('app', []);

app.controller("FirstCtrl", ["$scope", function($scope) {
  $scope.counter = 0;
  $scope.add = function(amount) { $scope.counter += amount };
  $scope.subtract = function(amount) { $scope.counter -= amount };
}]);

app.controller("MyCtrl", function($scope) {
  $scope.person = {
    name: "Max Cosimax"
  };
});

app.controller("ParentCtrl", function($scope) {
  $scope.personB = {greeted:false};
});

app.controller("ChildCtrl", function($scope) {
  $scope.sayHello = function() {
    $scope.personB.name = "Ari Lerner";
    $scope.personB.greeted = true;
  }
});