Question

我想从这个JSON响应中获取值到angular js对象中。

[{"label":"Test","value":""," Test2":"","required":"mandatory","type":"text","typeemail":""}]

进入angularjs对象，这里是.html

<tr ng-repeat="item in searched = (coba | filter:customerid | filter:search ) | coba:(currentPage-1)*itemsPerPage |limitTo:viewby ">
    <td>
      <p>{{item.additionaldata_pay}}</p>
    </td>
</tr>

这里是.js文件

app.controller("cobacont", ['$scope','$http',function($scope,$http) {
      $scope.cari = function () {
        $http.get('...a='+$scope.month).then(function(response){
          $scope.coba = response.data; 
        });
      }  
}]);

Answer 1

var app = angular.module('main-App', []);
app.controller('customersCtrl', function($scope,$http) {

$scope.records = [];

$http.get("https://...a='+$scope.month")
  .then(function (response) {
     console.log(response.data);
     $scope.records = response.data;
  });
});

这是我的html表

<tr dir-paginate="value in data | itemsPerPage:5" total-items="totalItems"  ng-repeat="user in records">
    <td>{{$index+1}}</td>
    <td >{{user.label}}</td>
    <td >{{user.value}}</td>
    <td>{{user.required}}</td>
    <td>
        <button data-toggle="modal" data-target="#edit-data" class="btn btn-primary" ng-click="selectedUser(user)">Edit</button>
        <button ng-click="DeleteUser(user)" class="btn btn-danger" data-toggle="modal" data-target="#delete-data">Delete</button>
    </td>
</tr>

Answer 2

最好将所有数据处理放在控制器中。并保留HTML以仅显示您的数据。

因此，在您的控制器中，添加另一个将执行搜索，过滤和分页的方法，然后可以在视图中使用结果。

$scope.getData = function () {
   var data = $filter('filter')($scope.coba, $scope.searchQuery);
   // do pagination here...
   return data;
}

您的HTML可能会变成这样：

<tr ng-repeat="item in getData()">
    <td>
        <p ng-bind="item.additionaldata_pay"></p>
    </td>
</tr>

从json获取值到angularjs对象

2 个答案: