angular/ts/json:从总记录中如何知道匹配特定值的计数
根据下面的数据,如何获得分配给嵌套记录而非父记录的适用影响、不适用影响和FYI影响的计数 因此,预期结果将是:angular/ts/json:从总记录中如何知道匹配特定值的计数,json,angular,filter,count,restapi,Json,Angular,Filter,Count,Restapi,根据下面的数据,如何获得分配给嵌套记录而非父记录的适用影响、不适用影响和FYI影响的计数 因此,预期结果将是: For 1st Record Applicable:2 Not Applicable: 1 For 2nd Record Applicable:1 Not Applicable: 1 db.json [ { "id": 1, "first_name": "Male", "
For 1st Record
Applicable:2 Not Applicable: 1
For 2nd Record
Applicable:1 Not Applicable: 1
db.json
[
{
"id": 1,
"first_name": "Male",
"last_name": "Record",
"email": "male.record@gmail.com",
"gender": "Male",
"dob": "01-01-1987",
"impact": "Not Applicable",
"score": "Updated",
"checked": false,
"assigned_to": [
{
"co_score": 54,
"dl": "CAT1",
"sub_impact": "Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
},
{
"co_score": 20,
"dl": "CAT2",
"sub_impact": "Not Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
},
{
"co_score": 99,
"dl": "CAT1",
"sub_impact": "Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
}
]
},
{
"id": 2,
"first_name": "Female",
"last_name": "Record",
"email": "female.record@gmail.com",
"gender": "Female",
"dob": "31-12-1987",
"impact": "Not Applicable",
"checked": false,
"score": "Updated",
"assigned_to": [
{
"co_score": 54,
"dl": "CAT1",
"sub_impact": "Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
},
{
"co_score": 20,
"dl": "CAT2",
"sub_impact": "Not Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
}
]
},
{
"id": 3,
"first_name": "Male",
"last_name": "Record Another",
"email": "male.recordanother@gmail.com",
"gender": "Male",
"dob": "31-10-2017",
"impact": "Not Applicable",
"checked": false,
"score": 25,
"assigned_to": [
{
"co_score": 100,
"dl": "CAT3",
"sub_impact": "Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
},
{
"co_score": 2,
"dl": "CAT2",
"sub_impact": "Not Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
}
]
},
{
"first_name": "Male",
"last_name": "One More Record",
"email": "male.onemorerecord@gmail.com",
"gender": "Male",
"dob": "08-08-1984",
"impact": "Applicable",
"id": 6,
"checked": false,
"score": 67,
"assigned_to": [
{
"co_score": 4,
"dl": "CAT1",
"sub_impact": "Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
},
{
"co_score": 85,
"dl": "CAT3",
"sub_impact": "Not Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
}
]
},
{
"first_name": "Female",
"last_name": "Another Record",
"email": "female.anotherrecord@gmail.com",
"gender": "Female",
"dob": "2000-07-15",
"impact": "Applicable",
"id": 7,
"checked": false,
"score": 85,
"assigned_to": [
{
"co_score": 34,
"dl": "CAT3",
"sub_impact": "Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
},
{
"co_score": 55,
"dl": "CAT2",
"sub_impact": "Not Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
}
]
},
{
"id": 8,
"first_name": "New",
"last_name": "Record",
"email": "new.record@gmail.com",
"gender": "Male",
"dob": "2020-12-17",
"impact": "Not Applicable",
"score": 60,
"assigned_to": [
{
"co_score": 94,
"dl": "CAT1",
"sub_impact": "Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
},
{
"co_score": 85,
"dl": "CAT3",
"sub_impact": "Not Applicable",
"comments": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
}
]
}
]
app.component.ts
getApplicableCounts() {
this.impactCount = {applicable:0, notapplicable:0, fyi: 0}
this.allUser.forEach(row => {
row.assigned_to.forEach(sub => {
console.log(sub.sub_impact)
if (sub.sub_impact === 'Applicable') {
this.impactCount.applicable++;
} else if (sub.sub_impact === 'Not Applicable') {
this.impactCount.notapplicable++;
} else if (sub.sub_impact === 'FYI') {
this.impactCount.fyi++;
}
});
});
getLatestUser() {
this.commonService.getAllUser().subscribe((response) => {
this.allUser = response;
this.totalRecords = this.allUser.length;
console.log(this.totalRecords);
})
}
ngOnInit() {
this.getLatestUser();
}
我应该在getLatestUser函数中写些什么来显示适用的、不适用的、供参考的计数:当我在解决另一个问题时,这在这里得到了解决。要获得影响计数,您需要添加以下变量和函数:
impactCount = {
applicable: 0,
notApplicable: 0,
fyi: 0
};
getImpactCounts() {
this.impactCount = {applicable: 0, notApplicable: 0, fyi: 0};
this.allUser.forEach(row => {
if (row.impact === 'Applicable') {
this.impactCount.applicable++;
} else if (row.impact === 'Not Applicable') {
this.impactCount.notApplicable++;
} else if (row.impact === 'FYI') {
this.impactCount.fyi++;
}
});
}
然后将其添加到html中
<div>
Applicable: {{impactCount.applicable}}
Not Applicable: {{impactCount.notApplicable}}
FYI: {{impactCount.fyi}}
</div>
适用:{{impactCount.applicative}
不适用:{{impactCount.notapplicatable}
仅供参考:{{impactCount.FYI}
然后,您只需从
getLatestUser()
函数调用getapplicatablecounts()
,并随时更改数据(几乎所有crud调用)。这是另一个问题的注释部分中也链接的工作。我需要您的帮助来显示嵌套节点影响的计数,而不是父节点。我应该在函数中做哪些更改?我尝试了getApplicatableCounts(){this.impactCount={applicative:0,notapplicatable:0,fyi:0}this.allUser.forEach(row=>{if(row.sub_impact=='applicative'){this.impactCount.applicative++}否则if(row.sub_impact=='notapplicative')){this.impactCount.notapplicatable++}否则如果(row.sub_impact==='FYI'){this.impactCount.FYI++}}它不会显示counttry行。assigned_to.sub_impact也不会显示结果assigned_to是一个数组。您需要在它们上面循环row.assigned_to.forEach(sub=>{console.log(sub.sub_impact)}
此循环将位于this.allUser.forEach循环下?this.allUser.forEach(row=>{row.assigned_to.forEach(sub=>{console.log(sub.sub_impact)if(sub.sub_impact=='applicative'){this.impactCount.applicative++}如果(sub.sub_impact=='notapplicative'),则{this.impactCount.notapplicatable++;}如果(sub.sub_impact==='FYI'){this.impactCount.FYI++;}});