AngularJS jsonpが私のために働いていない

私はhtmlページでデータを取得していません。 home.htmlAngularJS jsonpが私のために働いていない

<!Doctype html> 

<html ng-app="myServiceApp"> 

<head>  
    <title>Processing $http.jsonp() response in service</title>   
</head> 

<body> 

<div ng-controller="myServiceCtrl"> 

    <h3>Processing $http.jsonp() response in service</h3> 

    <button ng-click="doJSONPRequest()">Click and make JSONP request</button>  
    <p>Data Details: {{details}}</p>  
    <p>Status Code: {{statcode}}</p>  
</div>  
</body> 
</html>

myServiceCtrl.js

var app = angular.module('myServiceApp', []); 

app.controller('myServiceCtrl', function ($scope, $http) { 

    $scope.doJSONPRequest = function() { 

     var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK"; 

     $http.jsonp(url) 

      .success(function (data, status, headers, config) { 

       $scope.details = data.found; 

       $scope.statcode = status; 

      }) 

      .error(function (data, status, headers, config) { 

       $scope.statcode = status; 

      }); 

    } 

});

出典

2016-11-08 Ruchi Gupta

あなたのHTMLページ内の任意の ''

通常のhtmlページと同じようにangular.jsファイルを含めるまで、

このページを角度アプリとして実行するには、以下のコードを使用します。

<!DOCTYPE html> 
<html> 
<head>  
    <title>Processing $http.jsonp() response in service</title>   
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script> 
    var app = angular.module('myServiceApp', []); 
     app.controller('myServiceCtrl', function ($scope, $http) { 

      $scope.doJSONPRequest = function() { 

       var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK"; 

       $http.jsonp(url) 

        .success(function (data, status, headers, config) { 

         console.log(data) 
         $scope.details = data.found; 
         $scope.statcode = status; 

        }).error(function (data, status, headers, config) { 

         $scope.statcode = status; 

        }); 

      } 

     }); 
    </script> 

</head> 

<body> 
    <div ng-app="myServiceApp" ng-controller="myServiceCtrl"> 
     <button ng-click="doJSONPRequest()">Click and make JSONP request</button>  
     <p>Data Details: {{details}}</p>  
     <p>Status Code: {{statcode}}</p>  
    </div>  
</body></html>

出典

2016-12-02 04:46:06

AngularJS jsonpが私のために働いていない

関連する問題