JSFiddle - React, Tailwind, and code Playground

by Alessio

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular-resource.js"></script>
<body ng-app="Flickr">
<div ng-app ng-controller="FlickrCtrl as Ctrlr">
    {{realTimeData.items[0].title}}
    <!-- <ul>
        <li ng-repeat="result in results">
            {{result.title}}
        </li>
    </ul> -->
</div>
</body>

JavaScript

angular.module('Flickr', ['ngResource']);

/* function FlickrCtrl($scope, $http) {     
    var url = 'http://api.flickr.com/services/feeds/photos_public.gne?tagmode=all&format=json&jsoncallback=JSON_CALLBACK';
    $http.jsonp(url).success(function(data) {
        $scope.results = data.feed.entry;
    });
} */

/*function FlickrCtrl($scope, $resource){

$scope.flickr = $resource('http://api.flickr.com/services/feeds/:action',
         {action:'photos_public.gne', tags: 'potato', tagmode: 'all', format: 'json', jsoncallback: 'JSON_CALLBACK'},
    {get: {method: 'JSONP'}});
$scope.flickrResult = $scope.flickr.get();

};*/


function FlickrCtrl($scope, $http) {
    $scope.realTimeData;

    var url = "http://api.flickr.com/services/feeds/photos_public.gne?tags=potato&tagmode=all&format=json&jsoncallback=JSON_CALLBACK";

    $http.jsonp(url).success(function(data){
        $scope.realTimeData = data;
    }).error(function(){
        console.log('error')
    });
    
}