JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="myApp">
    <div ng-controller="ExampleController">
        <div ng-repeat="(key, value) in allNames" ng-show="myFilter == key">
             <h4>{{ value }}</h4>

            <ul ng-repeat="name in value">
                <li>{{ value }}</li>
            </ul>
        </div>
        <div ng-repeat="(key, value) in allNames" ng-click="change(key)">                 
            {{key}}:{{value}}
        </div>
</body>

JavaScript

var app = angular.module('myApp', []);
 app.controller('ExampleController', ['$scope', '$filter', function ($scope) {
     $scope.myFilter = '';
     $scope.allNames = {
         'grupo1':1,
         'grupo2':3,
         'grupo3':5
     }
     $scope.change = function (key) {
         $scope.myFilter = key;
     }

 }]);