我正在尝试对我的页面进行分页.
网址:https://pettemm.github.io/angular/home
Url代码:https://github.com/pettemm/angular
这是抓取我的物品的服务:
import { Injectable } from '@angular/core';
import { AngularFirestore, AngularFirestoreCollection,
AngularFirestoreDocument } from 'angularfire2/firestore';
import { Observable } from 'rxjs/Observable';
import { Item } from '../models/item';
@Injectable()
export class ItemService {
itemsCollection: AngularFirestoreCollection<Item>;
items: Observable<Item[]>;
itemDoc: AngularFirestoreDocument<Item>;
constructor(public afs: AngularFirestore) {
this.itemsCollection = this.afs.collection('items', ref =>
ref.orderBy('title','desc'));
this.items = this.itemsCollection.snapshotChanges().map(changes => {
return changes.map(a =>{
const data = a.payload.doc.data() as Item;
data.id = a.payload.doc.id;
return data;
});
});
}
getItems(){ …Run Code Online (Sandbox Code Playgroud)