Question

我正在开发一个项目，其中需要通过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);

Answer 1

我检查了整个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;

    });

  });

Answer 2

鉴于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

带参数的AngularJS GET请求

2 个答案: