JSFiddle - React, Tailwind, and code Playground

by alfrescian

HTML

<div ng-controller="mainCtrl">    
    <div ng-repeat="record in records" ng-controller="itemCtrl">
        <span>{{record}}</span><a ng-click="inc()">inc</a>
    </div>
    <p></p>
    <div ng-repeat="record in records2" ng-controller="itemCtrl2">
        <span>{{record}}</span><a ng-click="inc()">inc</a>
    </div>
</div>

JavaScript

angular.module('myApp', [])
    .controller("mainCtrl", function ($scope) {
         $scope.records = [
            { val: 1},
            { val: 2},
            { val: 3}
            ];
    
        $scope.records2 = [1, 2, 3];
    })
    .controller("itemCtrl", function ($scope){
             $scope.inc = function() {
            $scope.record.val++;
        };
    })
    .controller("itemCtrl2", function ($scope){
        $scope.inc = function() {
            $scope.record++;
        };
    });