JSFiddle - React, Tailwind, and code Playground

by Luis Felipe Morais

HTML

<div ng-app ng-controller="jsonp">
    <button ng-click="gojsonp()">JSONP</button>
    <div id="controller">{{datalength()}}</div>
</div>

JavaScript

function trata_retorno(data) {
    // Precisa estar disponivel no escopo global
    alert('Itens Encontrados: '+data.items.length);
    //Injeta no controler do angular
 document.getElementById("controller").setAttribute('data-datalength', data.items.length);

}

function jsonp($scope, $http) {
    $scope.datalength = function(){
        return document.getElementById("controller").getAttribute('data-datalength') || 1;
    };
    $scope.gojsonp = function() {
        var url = "http://www.flickr.com/services/feeds/photos_public.gne?tags=soccer&format=json&jsoncallback=trata_retorno";
        
        $http.jsonp(url);
        
    };
}