我有这个数据在in-memory-data.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>
如何仅显示分类为“Science”的值?
let
将filteredvalues
绑定到本地作用域中,但是它对于视图/模板部分是不可访问的。无论如何,我们同时使用相同的方法编写了答案。 - Pardeep Jain