Hello,
I need to pass multiple values from my html to back end node server to
query and fetch data based on the arguments i pass and render the fetched
results on a different component.
Router Configuration:
{path: 'revenueSummary/:venueObject', component: RevenueSummaryComponent}
HTML code: Here, i am linking/navigating from Venues component to
RevenueSummary component by passing two values from Venues Component
<tr style="cursor: pointer;" *ngFor="let v of mf.data | sortgrid:
'-lastheartbeat'; index as i"
[class.table-success]="venuesRunning[i]" [routerLink]="['/revenueSummary', {
uid: v.userid, vid: v.venueKey.id}]">
Component.ts:
ngOnInit() {
this.route.paramMap
.subscribe(params => {
this.venueObj = params.get(venueObject);
});
this.revenueSummaryService.getRevenueSummary(this.venueObj );
this.invoicesSub = this.revenueSummaryService.
getRevenueSummaryUpdateListener()
.subscribe((invoices: any) => {
this.invoiceData = invoices;
});
Service.ts:
getRevenueSummary() {
this.http
.get<{message, invoices: any}>('http://localhost:3000/api/revenueSummary/
venueObject')
.subscribe((invoiceData) => {
this.invoiceData = invoiceData.invoices;
this.invoicesUpdated.next([...this.invoiceData]);
});
}
getRevenueSummaryUpdateListener() {
return this.invoicesUpdated.asObservable();
}
The highlighted portions where i need to pass the parameters is what i am
struggling to figure out.
I know how the routing flow happens in Angular. Also i know to pass a
single parameter/string through routerLink on html Template.
However, i am struggling to pass collection/object of parameters to back end
server(Node) to fetch data based on the passed parameters.
Can i get some help?
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
