JSFiddle - React, Tailwind, and code Playground

by melaspela80

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.5.1/lodash.min.js"></script>
<body ng-app='app'>
  <div ng-controller='BarCtrl'>    
    {{arrTitles}}
    <br />
    {{arrDesc}}
    
    <br />
    <br />
    {{shuffleTitles}}
    <br />
    {{shuffleDesc}}
    <br />
    <br />
    {{shuffleData}}
  </div>
</body>

JavaScript

angular.module("app", []).controller("BarCtrl", function ($scope) {
  
  var fullData = {
    "responseData": 
        { "object": 
                {
                    "url":"http://agenciabai.es/category/university/feed/", 
                    "title":"BAIANAI", 
                    "link":"http://agenciabai.es", 
                    "entries":
                        [ 
                            {
                              "title":"¡Hora de Aventuras!", 
                              "link": "http://agenciabai.es/hora-de-aventuras/", 
                              "publishedDate":"Fri, 26 Feb 2016 09:50:16", 
                              "contentSnippet": "text. "
                            }, 
                            {
                            	"title":"Lo mejor de Shijue", 
                              "link":"http://agenciabai.es/lo-mejor-de-shijue/", 
                              "publishedDate":"Wed, 27 Jan 2016 04:07:23 ", 
                              "contentSnippet": "text. "
                            } 
                        ] 
                 } 
        }, 
    "responseStatus": 200
};

var data = fullData.responseData.object.entries
  
  
  $scope.arrTitles = _.map(data, 'title');
  
  $scope.arrDesc = _.map(data, 'link');
  
  $scope.shuffleTitles = _.shuffle($scope.arrTitles)
  $scope.shuffleDesc = _.shuffle($scope.arrDesc)
  
  $scope.shuffleData = _.zip($scope.shuffleTitles, $scope.shuffleDesc);

  
});