<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.0.7" data-semver="1.0.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="MainCtrl">
<p>{{data}}</p>
</div>
</body>
</html>
var myApp = angular.module('myApp',[]);
myApp.controller('MainCtrl',['$scope', '$http', function($scope,$http){
$scope.data = "unknown";
$http.jsonp('http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&callback=JSON_CALLBACK').success(function(data){
$scope.data=data;
});
}]);