私のFirestoreにアクセスしようとしていますか？

Question

テンプレートのFirestore変数にアクセスしようとしていますが、空になっています。誰かがこれをどうやって動かすかについて考えているのですか？

HTML

<a class="header">{{submissions[0]?.UsersName}}</a> 

活字体

this.submissionsCollection = this.afs.collection(pathSubmissions); 
this.submissions = this.submissionsCollection.valueChanges(); 

submissionsCollection: AngularFirestoreCollection<Submission>; 
submissions: Observable<Submission[]>; 

Answer 1

このつもり作品：

<a class="header">{{(submissions| async)[0]?.UsersName}}</a> 

あなたはNgFor内で使用する場合：

<a *ngFor="let submission of submissions | async"> {{submission?.UsersName}} </a> 

Answer 2

私はあなたの最初のソリューションを試してみました。この

<a *ngIf="submissions | async as submission" class="header">{{submission[0].UsersName}}</a>