JSFiddle - React, Tailwind, and code Playground

by GruffBunny

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<div ng-app='MyModule' ng-controller="MyController">
    <h1>People</h1>
    <p ng-repeat='person in people'>{{person.name}}</p>
    <h1>Men</h1>
    <p ng-repeat='man in men'>{{man.name}}</p>
    <h1>Women</h1>
    <p ng-repeat='woman in women'>{{woman.name}}</p>
</div>

JavaScript

angular.module('MyModule', [])

.controller('MyController', function( $scope ) {
    
    $scope.people = [
          {'id':'1' ,'name':'John','category':'m'},
          {'id':'2', 'name':'Jack','category':'m'},
          {'id':'3','name':'Mark','category':'m'},
          {'id':'4','name':'Ernie','category':'m'},
          {'id':'5','name':'Jane','category':'w'},
          {'id':'6','name':'Jill','category':'w'},
          {'id':'7','name':'Betty','category':'w'},
          {'id':'8','name':'Mary','category':'w'}
    ];
    
    function isMan(person){
        return person.category == 'm';
    }
    
    function isWoman(person){
        return person.category == 'w';
    }
    
    $scope.men = $scope.people.filter(isMan);
    $scope.women = $scope.people.filter(isWoman);
});