JSFiddle - React, Tailwind, and code Playground

by Jigar Dafda

HTML

<div ng-app="myapp">
    <div ng-controller="MyCtrl1">
        <div ng-repeat="frnd in frndslist">
            {{frnd.key}}
            {{frnd.value.name}}
            <div ng-repeat="item in frnd.value.list">
                {{item}}
            </div>
        </div>
    </div>
 </div>

JavaScript

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

myApp
    .controller('MyCtrl1', function ($scope, $rootScope) {
        var obj = {
            'friend1': {
                name: 'x1 frnd',
                list: [
                    "1.some1",
                    "1.some2"
                ]
            },
            'friend2': {
                name: 'x2 frnd',
                list: [
                    "2.some1",
                    "2.some2"
                ]
            }  
        };
        
        var objArray = []; 
        
        Object.keys(obj).forEach(function(prop){
            objArray.push({
                key: prop,
                value: obj[prop]
            });
        });
        
        $scope.frndslist = objArray;

    });