gpt4 book ai didi

javascript - 如何使用一个数组进行过滤

转载 作者:行者123 更新时间:2023-12-03 07:24:14 25 4
gpt4 key购买 nike

我在这个例子中尝试一些 angularJS

http://www.w3schools.com/angular/tryit.asp?filename=try_ng_filters_filter

<ul>
<li ng-repeat="x in names | filter : 'i'">
{{ x }}
</li>
</ul>

但是如何过滤多个选择呢?就我而言,我有一个包含所有汽车的模型。用户从树列表中选择 ID int[] SelectedCars 列表。

所以我想要类似的东西

<ul>
<li ng-repeat="x in names | filter : SelectedCars[]">
{{ x }}
</li>
</ul>

最佳答案

JSFiddle

现在应该可以了。

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="namesCtrl">

<ul>
<li ng-repeat="x in names | filter : 'i'">
{{ x }}
</li>
</ul>

</div>

<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
$scope.names = [
'Jani',
'Carl',
'Margareth',
'Hege',
'Joe',
'Gustav',
'Birgit',
'Mary',
'Kai'
];
$scope.selectedCars = [1, 2, 5];
$scope.carsToDisplay = [];
for (var i = 0; i < $scope.selectedCars.length; i++) {
$scope.carsToDisplay.push($scope.names[$scope.selectedCars[i]]);
}
var p = document.getElementById('p');
p.innerHTML = $scope.carsToDisplay;
});
</script>

<p id="p">This example displays only the names containing the letter "i".</p>

</body>
</html>

关于javascript - 如何使用一个数组进行过滤,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36071783/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com