JSFiddle - React, Tailwind, and code Playground

by modar al nashar

HTML

<!DOCTYPE html>
<html>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

  <body>

    <div ng-app="myApp" ng-controller="personCtrl">

      <p style="color:green">applying some filter<br><br> {{ lastName | uppercase }}</p>
      <input type="text" ng-model="lastName" />
      <br>
      <br>{{counter}}
      <input type="button" value="start" ng-click="start()" />
      <br>
    </div>
    <script>
      angular.module('myApp', []).controller('personCtrl', function($scope,$timeout) {
        $scope.firstName = "John",
          $scope.lastName = "Doe"
        $scope.counter = 0;

        function timeout() {
          $timeout(function() {
            $scope.lastName = $scope.lastName + 'a';
            $scope.counter++;
            timeout();
            
            //$scope.$apply();
          }, 1000);
        }
        $scope.start = function () {timeout();}
        
      });

    </script>

  </body>

</html>