JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="menuApp">
    <ul ng-controller="MenuCtrl">
        <li ng-repeat="item in menuItems | filter:{Parent:0}">{{item}}</li>
    </ul>
</div>

JavaScript

var app = angular.module('menuApp', []);
app.filter('rootCategories', function () {
    return function (item) {
        console.log(item);
        return item.Parent == 0;
    };
});
app.controller('MenuCtrl', function ($scope) {
    $scope.menuItems = [{
        "Id": 1,
        "Name": "Sweep_0",
        "Parent": 0
    }, {
        "Id": 1,
        "Name": "Sweep_1",
        "Parent": 1
    }, {
        "Id": 2,
        "Name": "Sweep_00",
        "Parent": 0
    }];
});