类型';导入(";c:/Users/hp/Desktop/Angular/gamestask1/src/app/models/Event";).Event[]';不可分配给类型';事件[]和#x27;
当我试图在参数中存储firebase获取的事件时,我的组件文件中出现以下错误。参数已正确获取,但我无法存储它们。我应该做什么来运行代码-类型';导入(";c:/Users/hp/Desktop/Angular/gamestask1/src/app/models/Event";).Event[]';不可分配给类型';事件[]和#x27;,angular,firebase,rxjs,observablecollection,angular9,Angular,Firebase,Rxjs,Observablecollection,Angular9,当我试图在参数中存储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 '
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 { Event } from '../models/Event';
它可以编译,因为Event也是一个全局接口,但它不是您想要使用的接口
如果您不希望这些“冲突”,请为接口使用不同的名称
import { Event } from '../models/Event';