JSFiddle - React, Tailwind, and code Playground

by Guddu Kumar

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <div class="h" ng-repeat="val in data">{{val.title}}</div>
    <div ng-repeat="con in val.content">
        {{con}}
    </div>
  
</div>

CSS

.h {
    background-color:lightblue;
}
.b {
    background-color:pink;
}

JavaScript

angular.module("myApp", [])
    .controller("myCtrl", ["$scope", function ($scope) {
    
    var data = [{
        title: "foo",
        content: ["x", "y"],
        content1: ["a", "b"]
    },
    {
        title: "foo",
        content: ["x", "y"],
        content1: ["a", "b"]
    }
    ];
    
    $scope.cstmarray=[]
    
 function abc(){
    for(var i=0;i<data.lenght;i++){
    
 
    $scope.cstmarray.push({like:content[i]})
    
    
    }
 
 }abc()
    
    
    
 
}]);