내 Firestore에 액세스하려고합니다. HTML에서 관찰 가능

템플릿에서 Firestore 변수에 액세스하려고하지만 비어있는 것으로 나타납니다. 누구든지이 작업을 수행하는 방법에 대한 아이디어가 있습니까?내 Firestore에 액세스하려고합니다. HTML에서 관찰 가능

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[]>;

출처

2017-11-06 FiringBlanks

이 먹힐 :

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

당신은 NgFor 내부에 사용하려는 경우 :

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

출처

2017-11-06 09:38:31

내가 첫 번째 솔루션을 시도하십시오. 다음과 같은 오류가 발생합니다 :'TypeError : '0'의 속성을 읽을 수 없습니다. 데이터베이스에 가치가 있다고 확신합니다. – FiringBlanks

나는 당신이 파이어 스토어라는 널 가치를 얻고 있다고 생각합니다. firebase에서 데이터를 수신하는 방법을 보여주고 데이터가 null이 아닌지 확인하십시오 –

6,이

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

출처

2017-11-06 14:24:33 Hareesh

조심하십시오,이 방법을 사용하여 몇 가지 문제점을 발견했습니다. 나중에 코드에서 관찰 할 수있는 동일한 코드를 사용하는 경우 : ngFor에서 결과를 복제합니다. 나는 오류가 내게 확실한 지 확신하지 못한다. – Hareesh

내 Firestore에 액세스하려고합니다. HTML에서 관찰 가능

답변

관련 문제