在Angular 2应用程序中过滤多维数组
，可以使用Angular的内置过滤器来实现。过滤器可以用于从数组中筛选出满足特定条件的元素。
首先，需要在组件中定义一个多维数组，例如：
multiDimensionalArray: any[][] = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];然后，在模板中使用内置的过滤器来过滤数组。可以使用管道符（|）来应用过滤器。例如，要过滤出大于5的元素，可以使用以下代码：
<div *ngFor="let row of multiDimensionalArray">
<div *ngFor="let item of row | filter: '>5'">{{ item }}</div>
</div>在上面的代码中，filter是一个自定义的过滤器，它接受一个参数，即过滤条件。在这个例子中，过滤条件是>5，表示只显示大于5的元素。
接下来，需要在组件中定义filter过滤器。可以使用@Pipe装饰器来创建一个过滤器。例如：
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'filter'
})
export class FilterPipe implements PipeTransform {
transform(array: any[], condition: string): any[] {
// 这里实现过滤逻辑
return array.filter(item => eval(`${item}${condition}`));
}
}在上面的代码中，transform方法接受两个参数，array表示要过滤的数组，condition表示过滤条件。在这个例子中，使用eval函数将过滤条件动态应用到每个元素上。
最后，需要将过滤器添加到模块的declarations数组中，以便在应用程序中使用。例如：
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { FilterPipe } from './filter.pipe';
@NgModule({
declarations: [
AppComponent,
FilterPipe
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }以上就是在Angular 2应用程序中过滤多维数组的方法。通过定义一个自定义的过滤器，并在模板中使用内置的过滤器，可以轻松地实现对多维数组的过滤操作。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）
相关·内容
我有一个多维可变数组，它包含每个维度中的各种对象。
位置1= foodID整数，位置2= itemName NSString
即。
Row 1 [1, "Jif"];
Row 2 [2, "Skippy"];
Row 3 [3, "Peter Pan"];
当我尝试使用下面的代码时，它会抛出异常，因为它试图将位置1作为字符串进行求值
//---get all Peanut Butter Types beginning with the letter---
NSPredicate *predicat
浏览 1提问于2011-10-12得票数 3
4回答
我有一个多维数组，如下所示：
Array (
[0] => Array
(
[time] => 1364685993
[memberid] => 131
)
[1] => Array
(
[time] => 1364685994
[memberid] => 133
)
[2] => Array
(
[time] => 1364685995
[memberid] => 141
)
)
和一个一维数组
浏览 1提问于2013-04-01得票数 0
回答已采纳
我正在尝试在一个包含资源(人员)的应用程序中创建高级搜索过滤器。我得到了一个多维数组中的所有结果。应用程序的用户可以搜索人员职称、技能、工作领域和国家。
我已经完成了查找符合用户给出的标准的人的部分。这些结果存储在多维数组中。如果用户正在寻找具有特定资源、具有职位和特定技能的人员，则返回值为：
$realfilters = array(2) {
["resourcesWithJobtitle"]=> array(6) {
[0]=> string(1) "1"
[1]=> string(2) "48"
[2]=
浏览 0提问于2012-06-08得票数 3
回答已采纳
2回答
角度中的多阵列
、、、、
我想做多维JSON数组。因此，当我过滤id时，我将获得相应id的数据：
对于egs: ID 1022101，视图应为
<li>x</li>
<li>y</li>
<li>z</li>
<div ng-app="myapp">
<div ng-controller="w">
<ul ng-repeat="x in data | filter:1022101 ">
<li>{{x.
浏览 2提问于2015-11-13得票数 0
1回答
我已经实现了我的自动完成，没有错误，一切看起来都很好，但是绝对没有发生任何事情。我在输入字段中输入了一些内容，但似乎没有发生任何操作，控制台中也没有显示任何内容。
HTML
<form>
<mat-form-field>
<input type="text" matInput [formControl]="myControl" [matAutocomplete]="auto">
</mat-form-field>
<mat-autocomplete #
浏览 6提问于2018-01-19得票数 12
回答已采纳
1回答
如何在多维数组中使用Angular orderBy方法？
$scope.multidimensionalArray = [[]];
...
$scope.multidimensionalArray = orderBy($scope.multidimensionalArray, ???, true);
浏览 3提问于2017-03-27得票数 0
确实必须在Angular应用程序中实现各种数据过滤器，该应用程序使用表格和ngFor.Have显示数据经历了各种方法，如在类型脚本中使用管道的各种方法，但在angular文档中发现不鼓励使用管道。如果是这样，那么在Angular中实现多个过滤器的最佳选择是什么？.Curious要了解解决方案。
浏览 110提问于2018-05-28得票数 0
回答已采纳
2回答
我正在开发一个Ionic混合应用程序，但我在Javascript / AngularJS方面还是很新的。
我有这样的数据结构：
var objects= [
{
name: "o1",
company: {
id:2,
fields: [1,6]
}
},
{
name: "o2",
company: {
id:2,
fields: [3,4,5]
}
}
];
var select
浏览 6提问于2015-10-22得票数 1
回答已采纳
在我的angular 2应用程序中，我有一些项目的数组，并希望根据条件将每个项目放到特定的位置。
以下是示例模板：
<div>
<div>_place if 1 condition</div>
<div>_place if 2 condition</div>
...
<div>_place if n condition</div>
</div>
因此，我想将数组项放到1位置if 1条件，到2位置if 2 ...如果n是n，有没有办法用ngFor或其他什么方法来做呢？
浏览 1提问于2017-01-21得票数 1
回答已采纳
1回答
我正在使用Django (pymongo)学习MongoDB (ver 5)，并面临更新多维数值对象数组的问题。
我想更新一个嵌套在多维数组中的对象值。
样本收集数据：
[
{
"_id": {
"$oid": "6269a7a2d9a928481c1ee94c"
},
"data": [
[
[
{
"id": "",
"word": "a
浏览 4提问于2022-04-27得票数 0
回答已采纳
当我试图在组件的属性内传递过滤器表达式时，例如(请参阅此，以及下面列出的可能的解决方案)。
<todo-list todos="$ctrl.todos | filter:{type:1}"></todo-list>
我在无限摘要循环中得到了一个错误，，我不明白为什么
Error: [$rootScope:infdig] http://errors.angularjs.org/1.6.3/$rootScope/infdig?p0=10&p1=%5B%5B%7B%22ms…e%2C%22type%22%3A1%2C%22%24%24hashKey%2
浏览 6提问于2017-03-30得票数 1
回答已采纳
2回答
我想过滤多维数组的一部分。我使用了array_filter函数。当我打印过滤后的数据时，它会正确显示，但我似乎无法将数据保存回数组。
以下是预先包含内部数组( $posted_product_details)的多维数组(称为[data])，我希望对其进行筛选：
Array
(
[column_1] => Array
(
[name] => Colour
[data] => Array
(
[0] => Blue
[1] => Green
浏览 3提问于2013-11-14得票数 0
回答已采纳
2回答
在我的angular.js应用程序中有一个下拉列表，如下所示：
<select ng-model="script"
ng-options="s as s[1].shortDescription for s in objs | orderBy:'toString()'"
ng-change="updateParam()">
</select>
数组中的对象类型为
["test1", {shortDescription: "first test"
浏览 3提问于2015-06-07得票数 1
回答已采纳
2回答
我有一个这样的多维数组：
var squares = new Array();
for(var i = 0; i <= 8; i++)
{
squares[i] = new Array();
for(var j = (i * 20) + 1; j <= 20 * i + 20; j++)
{
if (squares[i] == null)
{
浏览 6提问于2014-09-02得票数 0
回答已采纳
此HTML将引发按钮单击：
<p><button class="btn btn-info" ng-click="ResetEventStation()">
Choose a different station</button></p>
调用此函数：
$scope.ResetEventStation = function()
{
localStorage.removeItem("stationId");
localStorage.removeItem("station
浏览 12提问于2017-04-17得票数 4
回答已采纳
我有一个具有以下值的多维数组
$array = array(
0 => array (
"id" => 1,
"parent_id" => 0
),
1 => array (
"id" => 2,
"parent_id" => 1
),
浏览 3提问于2016-10-26得票数 1
我正在编写一个从多维数组中提取图像和图像数据的页面。我需要能够点击一个按钮，调用一个函数(IE，tag_GlassDoor & tag_GlassWall)来对图像进行分类--基本上只显示有或没有特定元素的图像(在本例中，im使用0和1表示是和否)，比如玻璃门。目前，我可以让该数组显示数据，但我不知道如何按数组键对数据进行排序，甚至无法真正理解可以随意提取单个值的语法。
$arrImages[] =
[
'img_sm'=>'image1.jpg',
'tag_GlassDoor'=
浏览 4提问于2022-08-10得票数 0
我的应用程序依赖于两个过滤器应用程序，如
var app = angular.module('MyApp',['Filter1','Filter2']);
其中，两个应用程序都具有同名过滤器()，如
var filterapp1 = angular.module('Filter1',[]);
filterapp1.filter('replace',function(){return function(input){
return input + " from Filter1
浏览 2提问于2013-07-23得票数 0
回答已采纳
2回答
Json创建可搜索URL
、、、
我目前正在构建一个使用Spring-boot后端和Angular 2前端的and应用程序。
后端只是在localhost :8080上将一些Json数据(关于员工)以这种格式暴露给localhost：
{
name: "John Smith",
mail: "john@example.com",
id: 0
},
{
name: "George Bach"
mail: "George@example.com",
id: 1
},
我想要做的是能够搜索Json URL，这样我就可以输入"localhost:8080/?mai
浏览 1提问于2016-12-05得票数 0
2回答
有没有办法在Angular2中切换选中的复选框列表？
我有一个按钮，当按下并查看完整列表时，它将只显示列表中选中的项目。当再次按下该按钮时，它将显示整个列表。
Plunkr：
//our root app component
import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import { FormsModule, ReactiveFormsModule } from '@angular/f
浏览 0提问于2017-08-24得票数 0
如何迭代多维数组并对字符串节点进行筛选？我正在尝试创建一种简单的方法来清理通过POST进入我的应用程序的数据，并认为这将是非常方便的。
浏览 0提问于2011-11-16得票数 0
回答已采纳
1回答
我使用的是Angular2，所有功能都很好，但无法输出多维数组，下面是代码：
class AppComponent {
items:Array<Object>;
constructor(http: Http) {
http.get('data.json')
.map(res => res.json())
.subscribe(data => this.items = data);
}
}
第一个使用简单的非多维数组的示例按预期工作。
[{
"id": "1",
浏览 2提问于2015-10-25得票数 2
已经发布了许多关于从多维数组中删除重复值或特定值的问题，但我似乎找不到任何关于将多维数组与其自身进行比较并根据数组中的值删除valuse的方法。
在折叠示例中，我希望删除数组和array2反转的任何数组。因此，在下面的数组和的示例中，3将被删除。对于和数组，将删除2。
Array (
[0] => Array ( [0] => A [1] => X [2] => B )
[1] => Array ( [0] => C [1] => Y [2] => B )
[2] => Array ( [0] => B [1] => V [2]
浏览 5提问于2016-12-13得票数 1
回答已采纳
1回答
我正在尝试建立一个包含整个学期数据的.csv的课程表。我有这个多维数组，它包含日期、班级、讲师、房间和本学期每天的笔记： Array (
Array (
[0] => 1
[1] => 2019-04-02
[2] => Study Skills
[3] => 371
[4] => Mr Teacher
[5] => 0
[6] =>
)
Array ( ... )
...) 我设法在一个表格中显示了整个学期的课程表。然而，理想
浏览 24提问于2019-09-26得票数 1
回答已采纳
用地图和过滤器迭代array的正确方法是什么？目前，两家公司都期望有单一的价值。但是我的Observable有数组。请告诉我正确的方法。
这是我的ts：
import { Component, OnInit } from '@angular/core';
import { Observable, of } from 'rxjs';
import { filter, map, tap} from 'rxjs/operators';
@Component({
selector: 'my-app',
templateUrl:
浏览 1提问于2021-10-07得票数 0
回答已采纳
1回答
我的考试安排有问题。当单个文件中的所有内容都在一起时，它确实工作，而当代码在多个文件中传播时，它就不起作用了。
当代码按下面的方式传播时，我会得到一个错误Error: [$injector:unpr] Unknown provider: twoPlusTwoFilterProvider <- twoPlusTwoFilter
// js/index.js
angular.module('app', []);
// js/twoPlusTwoFilter.js
angular.module('app').filter('hex', func
浏览 3提问于2014-08-28得票数 1
回答已采纳
当我有多个具有相同名称(数组)的ng模型时如何使用过滤器。我的模型如下所示。我正在尝试过滤多维字符串数组。
<input type="text" ng-model="search[$index]" class="form-control"/>
<!-- val is multi dimensional String array -->
<!-- I want to use something like below -->
<tr ng-repeat="obj in val | filte
浏览 2提问于2016-02-22得票数 0
回答已采纳
我是AngularJS的新手，并且已经和KnockoutJS一起工作了很长时间，因为我还没有完全理解什么时候Angular可以跟踪变化，什么时候不能跟踪变化。
我正在构建一个应用程序，它将有一个底层数据阵列，最初我将轮询和更新，但后来将改进从服务器推送。然后，应用程序中的所有数据都将根据这些数据进行转换或过滤。因此，我有一个服务来获取数据，还可以获取数据的常用过滤版本，如下所示：
.factory('Scores', function ($resource, Utils, $q, $interval, $filter) {
var scoresResource = $r
浏览 3提问于2014-11-02得票数 0
1回答
我想找一个在python中应用2d过滤器或3d过滤器的函数。该函数应接收过滤函数和数据。像Matlab中的函数filter2和imfilter，或者像python中的scipy.ndimage.gaussian_filter()函数，它可以处理N维，但只适用于高斯滤波器(我希望滤波器是一个参数)
我想我可以写一个使用多维卷积(scipy.ndimage.convolve())应用滤波器的函数，但我不能成功地使用一维滤波器。我用于一维过滤的代码：signal.convolve(signal, filter_, mode='same', method='auto')
浏览 0提问于2020-01-18得票数 2
我想使用select的ngOptions部分的独特过滤器，但我得到这个错误Unknown provider: uniqueFilterProvider <- uniqueFilter我读了各种问题，我知道我需要添加该模块到我的应用程序，但我认为他们是过时的，因为所有的链接到这个页面和这一个
我可以使用第二个链接，但我更喜欢使用较新的版本，因为链接显示为旧的存储库，这个函数在Angular UI中的较新版本是什么，或者是在AngularJS中实现的
我正在使用angularJS-1.4.8
浏览 1提问于2016-06-03得票数 4
1回答
如何在多维数组中计算有特殊条件的元素个数？
Array
(
[0] => Array
(
[item] => 'Banana'
)
[1] => Array
(
[item] => 'Banana'
)
[2] => Array
(
[item] => 'Cherry'
)
[3] => Array
浏览 0提问于2017-01-20得票数 0
如何从多维数组中删除数字键？ 我的数组如下： $array = [[0, 1, 2, 3, 4], [1, 2, 3, 4, 6]]; 我想要的数组应该是： $array = [[0, 1, 2, 3, 4], [6]];
浏览 14提问于2020-04-20得票数 0
回答已采纳
有没有办法查看$stateProvider上设置的所有状态
在这种情况下，我希望我的状态分配分布在多个文件中。我想在不同的文件中检查run或config上的构建状态。
例如：
# component1.coffee
angular.module('zoo').config ($stateProvider) ->
$stateProvider.state 'component1',
url: '/component1'
template: _template
controller: 'Component1C
浏览 1提问于2014-02-06得票数 45
回答已采纳
2回答
我有一个多维空间阵列充满了产品。我试图通过传递一组值来过滤我的产品，然后将生成的产品放入一个新的数组中。以下是我想要完成的任务：
products = [['A','2','F','123'],['A','2','G','234'],['B','2','K','231']];
related = [];
filter1 = 'A';
filter2 = '2';
filt
浏览 2提问于2015-06-07得票数 0
回答已采纳
1回答
我做不到！我只是在网上搜索了一下，我尝试了其他的解决方案，但我无法让它发挥作用。
我有一个过滤器，我想测试一下卡玛和茉莉花。这是我的代码：
app.js：
var services = angular.module('myApp.services', [ 'ngResource' ]);
angular.module('myApp', [
'ngRoute',
'myApp.filters',
'myApp.services',
'myApp.directi
浏览 0提问于2014-08-28得票数 5
回答已采纳
4回答
我试图从多维数组中的多维数组中获取值。下面是多维数组。
Array
(
[0] => Array
(
[CalID] => 121111
[Rink] => North
[TimeChunks] => Array
(
[int] => Array
(
[0] => 6
浏览 2提问于2011-09-23得票数 0
回答已采纳
如何通过存在于另一个数组中的属性筛选数组？
我控制着这两个数组：
this.items = [{ "Id": 1, "TypeId": 1, "name": "Michael" },
{ "Id": 2, "TypeId": 2, "name": "Helga" },
{ "Id": 3, "TypeId": 1, "name": "Max" },
浏览 1提问于2016-04-15得票数 0
回答已采纳
在我的程序中，我显示了一个图像列表。然后我会用标签名过滤它。这是我的过滤器。
app.filter('myFilter', function()
{
var filtered = [];
return (function(items, text)
{
if (text === undefined)
{
return items;
}
else
{
angular.forEach(items, function(value, key)
{
var sample
浏览 1提问于2014-08-30得票数 3
回答已采纳
1回答
我有一个angular应用程序，我需要处理对象的集合，这些对象可能具有以下属性：
'field': "string string"
或
'field': ["string1", "string2", "string3"]
我需要显示它:一个字符串或逗号分隔的字符串列表。
处理这些不同物体的最佳角度方法是什么？我知道我可能会做if:block，if-not:block。但它会变得非常冗长。有没有更好的方法？
浏览 2提问于2015-04-11得票数 1
在我的angular应用程序的一个控制器中，我设置了一个变量，如下所示。
SomeService.get({}, function(data){
// this sets xyz as the list of the data retrieved
// from the resource within the controllers scope
$scope.xyz = data.objects;
});
现在$scope.xyz看起来像这样
[
0: {id: 1, ...more data here ...},
1: {id: 2, ...
浏览 0提问于2013-03-14得票数 3
回答已采纳
2回答
我有一个JSON文件，其中详细介绍了一些书籍：
JSON文件(我粘贴它只是为了显示参数)：
{
"books": [{
"bookId":101,"bookTitle":"Angular JS","topic":"Angular JS",
"author":"Green",
"cost":375,
"imgUrl":"images/AngularJS1.JP
浏览 5提问于2016-03-02得票数 1
回答已采纳
1回答
我使用的是angular5。我有一个questionOrderList，它是一个字符串，它包含字符串格式的多维数组。我需要做的是将字符串格式的数组解析回多维数组类型。目前，我已经使用了我的代码所示的JSON.parse方法。
console.log("qorder service : "+questionOrderList)
console.log("qorder service parsed:" +JSON.parse(questionOrderList))
我得到的输出是
qorder service : [[3290],[3287],[32
浏览 21提问于2018-03-04得票数 0
以下是给定的简化多维数组：
$input = Array
(
[arr1] => Array
(
[0] => JAN2016
[1] => MAI2013
[2] => JUN2014
}
[arr2] => Array
(
[0] => APR2016
[1] => DEC2013
[2] => JUN2014
}
浏览 7提问于2022-02-01得票数 1
回答已采纳
1回答
角4型标多管值
、、、、
我已经创建了一个管道'filterBy‘，我想在我的应用程序中使用它。几乎所有的东西都很好，但是我想用这个管道来做5个属性，而且我没有能力去理解如何去做。我会尽力解释我的意思。
我的烟斗
import { Injectable, Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'filterBy',
pure: false
})
@Injectable()
export class FilterBy implements PipeTransform {
transform
浏览 0提问于2018-06-11得票数 0
回答已采纳
2回答
我试图用VBScript过滤一个二维数组，但VBScript内置的" filter“函数只适用于一维数组。我使用的是一个"rs.GetRows()“数组，那么有没有一个简单的函数可以处理二维数组呢？
编辑:它不是关于过滤数据库记录，它是关于过滤多维数组。我知道我可以在数据库级别过滤这些记录，但这不是我想要的。所以我要找的是一个多维数组的过滤函数。
浏览 1提问于2011-02-16得票数 4
回答已采纳
在具有隔离作用域的指令上使用筛选器的尝试：
<div tags="p.tags | refTags"></div>
导致$digest循环中的无限循环：
当应用程序的模型变得不稳定，并且每个$digest循环触发状态更改和随后的$digest循环时，就会发生此错误。角检测到这种情况，防止无限循环导致浏览器失去响应。。
.directive 'tags', ->
restrict: 'A'
scope:
tags: '='
templateUrl: 'pa
浏览 3提问于2014-01-13得票数 2
回答已采纳
可能重复：
简单地说，C++中的多维数组是数组的数组，还是表现为多维的单个数组？
我的一位朋友解释说，C++中的数组只是常量指针，多维数组也是常量指针，其元素由多个索引寻址(即它们是指向一个大数组的指针，元素的偏移是使用多个索引计算的)。
我认为多维数组是指向其他数组的一维指针数组，因为当将多维数组作为函数参数传递时，我通常使用以下语法：
void copy_matrix(int ** matrix);
如果没有，是否可以在C++中创建数组并在编译时分配每个子数组的值--相当于以下语句的语义：
int line[2][2];
line[0] = {100, 100};
line[1]
浏览 3提问于2011-09-17得票数 3
回答已采纳
在一个有角度的项目上工作，并且好奇是否有一个“角度特定的”方法来实现这个目标。
实际上，我希望从数组中的特定项开始检索数据，比如第三项。您将在html中看到我好奇的是，angular是否提供了任何类型的方法或过滤器。
html
<div ng-controller="bracketsController">
<div ng-repeat="bracket in brackets | limitTo: 2" class="bracket-container left" >
<div>{
浏览 7提问于2015-01-07得票数 1
回答已采纳
5回答
所以，我正在尝试找出多维数组。
如果我有这个多维数组
var passcodes = [
[1, 4, 4, 1],
[1, 2, 3, 1],
[2, 6, 0, 8],
[5, 5, 5, 5],
[4, 3, 4, 3]
];
如何从其中打印出特定的数组？在这种情况下，没有奇数的那个。到目前为止，我有这个
for (var i = 0; i < passcodes.length; i++) {
console.log(passcodes[i]);
}
我知道这会一次打印出整个数组，但我不知道从哪里开始。
浏览 0提问于2017-10-02得票数 2
我是angularJs的初学者，我们可以通过使用引导概念手动初始化应用程序。例如angular.bootstrap(DOMELEMENT，MODULENAME)，我的问题是，我们是否在第二个参数中传递多个值，比如'App1‘、'App2’、'App3‘，但是我们仍然只有传入第一个参数的目标DOM元素，所以在这种情况下数组的用途是什么，请有人指导我--我也看过文档，但没有回答。
请帮助我理解，谢谢
浏览 3提问于2016-10-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
