带参数的AngularJS GET请求

时间:2016-06-03 05:29:06

标签: javascript angularjs json wordpress

我正在开发一个项目,其中需要通过AngularJS GET功能在App中请求来自WordPress站点的Google Analytics。我想过滤掉JSON API中的数据。有人可以帮我解释一下代码吗?

JSON:http://happyshappy.13llama.com/wp-json/llama/v1/stats

我需要在星期一,星期二,星期三,星期四显示“标签”,“数据”......

这是我到目前为止所做的事情:

 $old_password = $this->input->post('old_password');
 $encrypted_old_password=password_hash($old_password) 
$new_password_confirm = $this->input->post('new_password_confirm');
$query = $this->Home_model->checkOldPass($encrypted_old_password);

2 个答案:

答案 0 :(得分:0)

我检查了整个json数据,其中没有工作日。请明确你想要的输出。从您给定的代码中使用data.data来获取从$ http.get

返回的实际json数据
var countryApp = angular.module('countryApp', []);

  countryApp.controller('CountryCtrl', function ($scope, $http){

    $http.get('http://happyshappy.13llama.com/wp-json/llama/v1/stats').success(function(data) {

      $scope.countries = data.data;

    });

  });

答案 1 :(得分:0)

鉴于labels数组中提供了日期,您可以使用类似的内容转换data数组

$http.get(url).then(function(response) {
    var visitDates = response.data.visits.labels.map(function(dateString) {
        return new Date(dateString);
    });

    $scope.visits = response.data.visits.datasets;

    angular.forEach($scope.visits, function(dataSet) {
        dataSet.data = dataSet.data.map(function(count, i) {
            return {
                date: visitDates[i],
                count: count
            };
        });
    });
})

然后,每个data条目都会有date您可以通过Angular's date filter

<div ng-repeat="dataSet in visits">
    <h4>{{dataSet.label}}</h4>
    <ul>
        <li ng-repeat="datum in dataSet.data">{{datum.date | date: 'EEEE'}} is {{datum.count | number}}</li>
    </ul>
</div>

如果您对使用&#34; 2016年5月28日和#34;等字符串感到不舒服在Date构造函数中,您始终可以使用moment.js之类的内容来解析它们。

Plunker demo〜http://plnkr.co/edit/eXu6T8Zvr1fDjlGArFEY?p=preview