JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="app" ng-controller="projects"> 
    Local
    <table>
        <tr ng-repeat="(index, user) in users | filter:{local:''}">
            <td>{{user.id}}</td>
            <td ng-repeat="(index, detail) in user.local">{{detail.name}}</td>
            <td ng-repeat="(index, detail) in user.local">{{detail.email}}</td>
        </tr>
    </table>
    Facebook
    <table>
        <tr ng-repeat="(index, user) in users | filter:{facebook:''}">
            <td>{{user.id}}</td>
            <td ng-repeat="(index, detail) in user.facebook">{{detail.name}}</td>
            <td ng-repeat="(index, detail) in user.facebook">{{detail.email}}</td>
        </tr>    
    </table>
</body>

JavaScript

var app = angular.module('app', []);

var projects = function ( $scope ) {
    
    $scope.users = [

        {
            "id": "1", 
            "local": [
                {"email": "test1@email.de"},
                {"name": "Holger"}
            ]
        },
        {
            "id": "2",
            "local": [
                {"email": "test2@email.de"},
                {"name": "Robert"}
            ]
        },
        {
            "id": "3",
            "facebook": [
                {"email": "test3@email.de"},
                {"name": "Robert"}
            ]
        }
     ]
   
};