JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="MyAppCtrl as mac">
    
</div>

JavaScript

angular.module("myApp", [])

.controller("MyAppCtrl", function($scope, $timeout) {
    var data = {
        type1: [
            { a: "a", b:"b"}, { a: "c", b:"d"}
        ],
        type2: [
            {m:0, k:1}, {m:45, k:92}
        ]
    }
    
    console.log(data);
    
    $scope.$watch(function() {return data;}, function(newD, oldD, scope) {
        console.log(newD, oldD);
        
    }, true);
    
    $timeout(function() {
        console.log("pushing");
        data.type1.push({a: "kjh", b:"kjk"});
        
    }, 2000);
    
    
    $timeout(function() {
        console.log("changing");
        data.type1[0].a = "test";
        
    }, 4000);
    
});