Didn't get output from Angular cloud Firestore using routerLink

[rijomonr]

https://stackoverflow.com/questions/47149153/didnt-get-output-from-angular-cloud-firestore-using-routerlink

[sggonzalezg]

Any suggestion? When I go back, from an add form the list disappear

Thanks

[rangiesrule]

Hi, This setup has helped me out, so thanks. I also trying to add a router arrangement with home '/' page that navigates to '/items' where the list is. Works the first time, then navigating back to home '/' and back into '/items', the list does not re-appear, just displays the "There are no items...'.

Not sure where to look.

[Rugleh]

Hi @rangiesrule, did you resolve this issue? I have the same problem right now and I think is related to the async pipe that is not called in the *ngFor. when I add the async no items are displayed at all not even at the first time loading, and the error is the following one:

ItemsComponent.html:9 ERROR Error: InvalidPipeArgument: '[object Object],[object Object],[object Object],[object Object],[object Object]' for pipe 'AsyncPipe'

Probably the error it's in the item component when the item service is called and is subscribed to getItems() inside ngOnInit()

[chris-cli]

I don't know if this is the best way but I unsubscribed from the itemService in ngOnDestroy... so roughly this in the item component..

export class ItemsComponent implements OnInit, OnDestroy { ..... subscribedData: Subscription; }

ngOnInit() { this.subscribedData = this.itemService.getItems().subscribe(items ..... .... }

ngOnDestroy(): void { this.subscribedData.unsubscribe(); }

After doing this the data reloads on routerLink navigation...