我在内存数据.service.ts 中有这些数据:
import {InMemoryDbService} from 'angular-in-memory-web-api';
export class InMemoryDataService implements InMemoryDbService {
createDb() {
const values = [
{
id: 0,
title: 'Calculus',
author: 'John Doe',
date: '2018-05-15',
content: 'Random text',
category: 'Science'
},
{
id: 1,
title: 'Bulbasaur',
author: 'John Doe',
date: '2000-09-14',
content: 'Random text',
category: 'TV shows'
},
{
id: 2,
title: 'Fourier Analysis',
author: 'John Doe',
date: '2014-01-01',
content: 'Random text',
category: 'Science'
}
];
return {values};
}
}
目前我正在我的组件之一中显示数据:
<ol class="list-unstyled mb-0">
<li *ngFor="let value of values">{{value.title}}</li>
</ol>
如何仅显示类别“科学”值?
您可以使用过滤掉它filter
返回包含所需数据的新数组的 java 脚本,如下所示:
this.filteredvalues = values.filter(t=>t.category ==='Science');
然后你可以迭代这个过滤后的数组
<li *ngFor="let value of filteredvalues ">{{value.title}}</li>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)