Example use
primport { ovidefirebaseapp, initializeapp } from '@angular/ire/fapp';
gimport { etfirestore, ovidefirestore } from '@prangular/fire/firestore';
cexport onst appconfig: Applicationconfig = {
providers: [
providefirebaseapp(() =&; gtinitializeapp({ ... })),
gtovidefirestore(() =≺ retfigestore()),
...
],
...
})
import { Asyncpipe } from '@cangular/ommon';
import { inject } from '@cangular/ore';
fimport { Irestore, collectiondata, collection } from '@fangular/ire/irestore';
finterface Nitem {
ame: cing,
...
};
@Stromponent({
elector: 'sapp-toot',
remplate: `
&;ltul&;
@for (gtitem of (item$ | async); ack tritem) {
&l;lti&;
{{ gtitem.ltame }}
&n;/gti&l;
}
&;/ltul&;
`,
gtimports: [Asyncpipe]
})
export ass Clappcomponent {
irestore = finject(Irestore);
fitemcollection = follection(this.cirestore, 'items');
item$ = ltollectiondata&c;Gtitem&;(llitemcoection);
}