JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="myCtrl">
    <ul>
        <li ng-repeat="(key, value) in data">{{value.name}}</li>
    </ul>
</div>

JavaScript

var app = angular.module("app", []);
app.controller("myCtrl", function ($scope) {
    $scope.data = { 
        "val1":{"name":"xyz","gender":"male"},
"val2":{"name":"asd","gender":"male"},
"val3":{"name":"qwe","gender":"female"}
                  }
});