JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='myApp' ng-controller="Controller">
    <div ng-init="indiansCount = 0" ng-repeat="emp in records">
        <b>Can Vote :</b><br>
        <b>Indians :</b> {{getIndiansCount(emp, indiansCount)}}
       
        <div ng-repeat="empl in emp">
            {{empl.country}}<br>
             {{empl.employee.name}}<br>
             {{empl.employee.canVote}}
            <hr>
        </div>
    </div>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('Controller', function ($scope) {   
    $scope.records = {
       "Employee 1" : [{
                        country:"Indian", 
                        employee: {canVote : true, name: "Manu"}
                       },
                       {
                        country:"Indian", 
                        employee: {canVote : false,  name: "Danny"}
                       },
                       {
                        country:"American",
                        employee: {canVote : true,  name: "Sunny"}
                       }],
        "Employee 2" : [{
                        country:"Indian", 
                        employee: {canVote : true, name: "Mary"}
                        }]
                     };
    
    
    $scope.getIndiansCount = function(employees, count) {
        angular.forEach(employees, function(employee) {
            if(employee && employee.country === "Indian") {
                count++;
            }
        });
        return count;
    };
});