JSFiddle - React, Tailwind, and code Playground

by vusan

HTML

<body ng-app="app" ng-controller="projects"> 

<ul ng-repeat="(index,device) in test">
    <li ng-repeat="(key, value) in device">
        {{key}}: 
        <span ng-if="!isArray(value)">{{value}}</span>
        <ul ng-repeat="(k, v) in value track by $index" ng-if="isArray(value)">
            <li ng-repeat="(paramKey, paramVal) in v">{{paramKey}} -&gt; {{paramVal}}</li>
        </ul>
    </li>
</ul>
    
</body>

JavaScript

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

var projects = function ( $scope ) {
    $scope.isArray = angular.isArray;
    $scope.test = [

        {
            "name": "device1", 
            "vendor": "intel",
            "category": "Antenne",
            "stockID": "",
            "files": [
                {"name": "manual_device1.pdf"},
                {"name": "d"}
            ],
            "params": [
                {"freq": "123"},
                {"maxFreq": "200"}
            ],
            "owner": ""
        }
     ]
   
};