JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script>
<div ng-controller="Controller1">
    <button ng-click="addLine()">Add Line</button>
    <button ng-click="addNumber()">Add Number</button>
    <button ng-click="reset()">Reset</button>
    <div>{{lines}}</div>
    <div ng-repeat="line in lines">
        {{line}}
    </div>
</div>

<hr />
    
<div ng-controller="Controller2">
    <button ng-click="addObject()">Add Object</button>
    <button ng-click="reset()">Reset</button>
    <div>{{objects}}</div>
    <div ng-repeat="obj in objects">
        {{obj.data}}
    </div>
</div>

JavaScript

(function () {
    var myApp = angular.module('myApp', []);
    
    myApp.controller('Controller1', function ($scope) {
        $scope.lines = [];
        
        $scope.addLine = function () {
            $scope.lines.push('Hello world!');
        };
        
        $scope.addNumber = function () {
            $scope.lines.push('Line ' + $scope.lines.length);
        };
        
        $scope.reset = function () {
            $scope.lines = [];
        };
    });
    
    myApp.controller('Controller2', function ($scope) {
        $scope.objects = [];
        var obj =  { data: Date()};
        $scope.addObject = function () {
            obj.data = Date();
            $scope.objects.push(obj);
        };
        
        $scope.reset = function () {
            $scope.objects = [];
        };
    });
})();