Angular 按对象值过滤字符串数组

Question

我有两个数组。第一个是包含字符串的 $scope.termini，另一个是包含对象的 $scope.reserved。每个对象都有变量 vrijemeTermina。我想按 $scope.reserved[x].vrijemeTermina.

筛选 $scope.termini

reserve.controller('resCtrl', function($scope, $http) {
    $scope.$watch("pickedDate", function(){
      $scope.termini=["13:00","15:00","17:00","19:00","21:00"];
        $http.post('php/dropdown.php',{"datum":$scope.pickedDate}).success(function(data){
          $scope.reserved = data;
          //alert(JSON.stringify(data));
          //alert($scope.reserved[0].datumTermina);
          angular.forEach($scope.reserved, function(value, key){
          $scope.termini = $filter('filter')($scope.termini, value.vrijemeTermina, false);
        });
      });
      console.debug("%o", $scope.termini);
      });
  });

我试了很多东西都不管用。大多数答案我发现过滤对象数组是属性。我还没有找到解决这个问题的方法。

<?php
require_once(dirname(dirname(__FILE__))."/php/db-conn.php");

$data = json_decode(file_get_contents("php://input"));

$query = "SELECT * from termin WHERE datumTermina='".$data->datum."'";
$result = mysqli_query($con, $query);
$arr = array();
if(mysqli_num_rows($result) != 0) {
  while($row = mysqli_fetch_assoc($result)) {
    $arr[] = $row;
  }
}

$con->close();

echo json_encode($arr);

?>

那是我的 php 文件。我猜 returns json 看起来像 {0:{"id":"1";"vrijemeTermina":"13:00";"datumTermina":"03/09/2016"}}。

Answer 1

使用 filter() 的纯 Javascript 解决方案怎么样？

$scope.termini.filter(function(element, index, array) {

    return element == $scope.reserved[index].vrijemeTermina;

});

这是您要找的吗？它将 return 一个数组，其中包含 $scope.termini 中的所有元素，其中 $scope.reserved[i].vrijemeTermina 中的相应值按索引匹配。如果这不是你想要完成的，你能说清楚一点吗？

Answer 2

试试这个：

$scope.termini = $scope.reserved.filter(function(v){
   return $scope.termini.filter(function(e){
              return e == v.vrijemeTermina
            }).length > 0;
});

这将创建一个数组，其中包含 $scope.reserved 中的所有对象，这些对象的 vrijemeTermina 值等于原始 $scope.termini 数组中的值之一。

哦，我又读到你的问题了，我想你希望这个问题反过来。

$scope.termini = $scope.termini.filter(function(v){
   return $scope.reserved.filter(function(e){ 
              return e.vrijemeTermina == v
            }).length > 0;
});

Answer 3

您可以像这样在 for 循环中访问每个对象的 vrijemeTermina 属性：

reserve.controller('resCtrl', function($scope, $http, filterFilter) {

    $scope.$watch("pickedDate", function() {

        $scope.termini = ["13:00","15:00","17:00","19:00","21:00"];

        $http.post('php/dropdown.php',{"datum":$scope.pickedDate})
        .then(function(response) {

            // make sure your data is parsed
            $scope.reserved = angular.fromJson(response.data);

            // check your data is an array
            if (!angular.isArray($scope.reserved)) {
                console.error("Expected $scope.reserved to be of type Array but is of type " + typeof($scope.reserved));
                return;
            }

            // loop through the array of objects
            for (var i = 0; i < $scope.reserved.length; i++) {

                // each iteration filter $scope.termini by the current objects vrijemeTermina value
                $scope.termini = filterFilter($scope.termini, $scope.reserved[i].vrijemeTermina, false);

            }

            console.debug("%o", $scope.termini);

        }, function(error) {

            // good practice to handle errors

        });

    });

});

Angular 按对象值过滤字符串数组

Angular filter string array by object value

javascript

json

angularjs

angularjs-filter