javascript - 显示与数组值匹配的不同按钮

Question

所以这是我的问题，我正在使用 AngularJS，我从 PHP 获取 JSON，并使用 ng-repeat 显示我的所有数据。我已经这样做了。

现在我想检查某些数据是否在“Array1”中，如果是，则更改 ng-repeat 中的相应数据。我知道这听起来很奇怪，但让我用代码举一个例子:

这是 array1 值

    {
       "23",
       "48",
       "51"
    }

所以当我获取数据时，它是这样的:

{
  id : "23",
  name: "example"
}

对于每个 JSON 对象，我使用 ng-repeat 来显示它们，如下所示:

    <div ng-model="data.posts" ng-repeat="post in posts | orderBy:'-' | unique: 'id'">
    ...
       <button>This button will show if "id" matches</button>
       <button>This button will show if "id" not matches</button>
    </div>

我想比较 array1 的 id 是否与 JSON 数据中的 id 匹配，如果匹配则显示一个按钮，如果不匹配则显示其他按钮。

我花了大约两周的时间，但我无法解决问题，而且我看不到任何方法来解决它。

至少感谢您的阅读，并对我的英语不好表示歉意!

Answer 1

你的 array1 应该是一个数组，并且可以在 Controller 中添加一个函数来检查匹配 ID。

在 Controller 中:

$scope.array1 = ["23","48","51"];
$scope.checkInArray1 = function(id) {
  var index = $scope.array1.indexOf(id);
  if(index < 0){
    return false;
  } else {
    return true;
  }
};

在你的html中:

<button ng-if="checkInArray1(post.id)">This button will show if "id" matches</button><br>
<button ng-if="!checkInArray1(post.id)">This button will show if "id" not matches</button>