JSFiddle - React, Tailwind, and code Playground

by Basilin Joe

HTML

<body ng-app="sample">
    <div ng-controller="MyAppCtrl">
        <input type="text" ng-model="data.type1[0].a"><br>
            <label>{{data.type1[0].a}}</label>
    </div>
</body>

JavaScript

var app=angular.module('sample',[]);
app.controller("MyAppCtrl", function($scope, $timeout) {
    $scope.data = {
        type1: [
            { a: "a", b:"b"}, { a: "c", b:"d"}
        ],
        type2: [
            {m:0, k:1}, {m:45, k:92}
        ]
    }
    
    $scope.$watch('data.type1[0].a',function(){
        console.log('data changed');
        $scope.data.type1[0].modified=true;
        console.log($scope.data.type1[0])
    });
    
});