当我尝试将Firebase提取的事件存储在参数中时,我的组件文件中出现以下错误。参数已正确获取,但我无法存储它们。我应该对代码进行哪些改动?:-
Type 'import("c:/Users/hp/Desktop/Angular/gametask1/src/app/models/Event").Event[]' is not assignable to type 'Event[]'. Type 'Event' is missing the following properties from type 'Event': bubbles, cancelBubble, cancelable, composed, and 18 more.
Event.ts:-
export interface Event { id: string; code: string; name: string; password: string; pollCat: string; }
events.service.ts:-
import { Injectable } from '@angular/core'; import { AngularFirestore , AngularFirestoreCollection, AngularFirestoreDocument} from 'angularfire2/firestore'; import { Event } from '../models/Event'; import { Observable } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class EventsService { eventsCollection : AngularFirestoreCollection<Event>; events: Observable<Event[]>; constructor(public afs: AngularFirestore) { this.events = this.afs.collection<Event>('Events').valueChanges(); } getEvents() { return this.events; } }
events.component.ts:-
import { Component, OnInit } from '@angular/core';
import { EventsService } from 'src/app/services/events.service';
@Component({
selector: 'app-events',
templateUrl: './events.component.html',
styleUrls: ['./events.component.css']
})
export class EventsComponent implements OnInit {
events: Event[];
constructor(public eventsService: EventsService) { }
ngOnInit() {
this.eventsService.getEvents().subscribe(events => {
this.events = events;
});
}
}
当我尝试将Firebase提取的事件存储在参数中时,我的组件文件中出现以下错误。参数已正确获取,但我无法存储它们。什么...
您没有将正确的Event
接口导入组件。