JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app>
    <div ng-controller="TodoCtrl">
        <div ng-repeat="division in divisions">
            {{division.dId}}
            <ol>
              <li ng-repeat="member in filteredMembers = ( members | filter:{divisionabbr:division.abbr})">
                {{member.mId}}   
                  
              </li>
              Member count: {{filteredMembers.length}}
            </ol>
            <!-- some division footer stuff -->
        </div>
    </div>
</div>

JavaScript

function TodoCtrl($scope) {
  $scope.flag=false;
  $scope.divisions = [
      {dId:1, abbr:'aaa'},
      {dId:2, abbr:'bbb'},
      {dId:3, abbr:'ccc'}
  ]
    
  $scope.members = [
              { mId: 'Memner_1', divisionabbr:'aaa' },
              { mId: 'Memner_2', divisionabbr:'bbb' },
              { mId: 'Memner_3', divisionabbr:'aaa' },
              { mId: 'Memner_4', divisionabbr:'ccc' },
              { mId: 'Memner_5', divisionabbr:'aaa' },
              { mId: 'Memner_6', divisionabbr:'aaa' },
              { mId: 'Memner_7', divisionabbr:'bbb' }
          ]

}