Styjun

What does Apple's new App Store requirement mean

When were female captains banned from Starfleet?

"Oh no!" in Latin

Why can't the Brexit deadlock in the UK parliament be solved with a plurality vote?

Quoting Keynes in a lecture

Multiplicative persistence

Which Article Helped Get Rid of Technobabble in RPGs?

Delete multiple columns using awk or sed

Why is so much work done on numerical verification of the Riemann Hypothesis?

Giving feedback to someone without sounding prejudiced

Does an advisor owe his/her student anything? Will an advisor keep a PhD student only out of pity?

Which was the first story featuring espers?

Why is the Sun approximated as a black body at ~ 5800 K?

How can ping know if my host is down

Doesn't the system of the Supreme Court oppose justice?

How to preserve electronics (computers, iPads and phones) for hundreds of years

Has any country ever had 2 former presidents in jail simultaneously?

Will number of steps recorded on FitBit/any fitness tracker add up distance in PokemonGo?

Strong empirical falsification of quantum mechanics based on vacuum energy density?

Taxes on Dividends in a Roth IRA

Does "he squandered his car on drink" sound natural?

How could a planet have erratic days?

Is there any evidence that Cleopatra and Caesarion considered fleeing to India to escape the Romans?

Does Doodling or Improvising on the Piano Have Any Benefits?

Ionic pass *ng-for information into query params

webpack html-loaders lowercase angular 2 built-in directivesBinding URL Params via RouterLink in Angular AppWhere to put nested for each loops in an Angular component table?Angular QueryParams not fetched on page loadAngular route - how to use forward slashes in routing pathHow do i concatenate the ngFor index variable with a hash symbol?ionic 4 - how to retrieve data passed to a modalHow do I implement Nativescript + Angular list view swipe actions to achieve an item delete?Pass ion-select-option to function - Ionic 4How to generate different routerLinks from ngFor created items?

1

0

I have an *ng-for loop, churning out ion-items, but I want those items to route to another page, but pass the index of that item, as a query parameter.

Here is my code:

<ion-item *ngFor="let item of items; index as i;" 
 [routerLink]="['/itempage']" [queryParams]="id: 'i'" 
 routerDirection="forward">
 <ion-label>item.name</ion-label>
</ion-item>

I have no idea how to get the q: 'i' part to actually make i equal to the index, I keep getting errors and such.

angular ionic-framework ionic4

share|improve this question

edited 15 hours ago

Augustin R

1,009216

asked 17 hours ago

Curtis HennessyCurtis Hennessy

155

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you post the errors?
  
  – Praveenkumar Beedanal
  17 hours ago
  

  
  
  
  


• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  I think this [queryParams]="id: 'i'" should look like this [queryParams]="id: i" because you are setting the id to 'i' (string)
  
  – Josef Katič
  17 hours ago
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @JosefKatič That worked! How silly of me.
  
  – Curtis Hennessy
  17 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I will post it as answer
  
  – Josef Katič
  17 hours ago
  

  
  
  
  

add a comment | 

1

0

I have an *ng-for loop, churning out ion-items, but I want those items to route to another page, but pass the index of that item, as a query parameter.

Here is my code:

<ion-item *ngFor="let item of items; index as i;" 
 [routerLink]="['/itempage']" [queryParams]="id: 'i'" 
 routerDirection="forward">
 <ion-label>item.name</ion-label>
</ion-item>

I have no idea how to get the q: 'i' part to actually make i equal to the index, I keep getting errors and such.

angular ionic-framework ionic4

share|improve this question

edited 15 hours ago

Augustin R

1,009216

asked 17 hours ago

Curtis HennessyCurtis Hennessy

155

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you post the errors?
  
  – Praveenkumar Beedanal
  17 hours ago
  

  
  
  
  


• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  I think this [queryParams]="id: 'i'" should look like this [queryParams]="id: i" because you are setting the id to 'i' (string)
  
  – Josef Katič
  17 hours ago
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @JosefKatič That worked! How silly of me.
  
  – Curtis Hennessy
  17 hours ago
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I will post it as answer
  
  – Josef Katič
  17 hours ago
  

  
  
  
  

add a comment | 

I have an *ng-for loop, churning out ion-items, but I want those items to route to another page, but pass the index of that item, as a query parameter.

Here is my code:

<ion-item *ngFor="let item of items; index as i;" 
 [routerLink]="['/itempage']" [queryParams]="id: 'i'" 
 routerDirection="forward">
 <ion-label>item.name</ion-label>
</ion-item>

I have no idea how to get the q: 'i' part to actually make i equal to the index, I keep getting errors and such.

angular ionic-framework ionic4

share|improve this question

edited 15 hours ago

Augustin R

1,009216

asked 17 hours ago

Curtis HennessyCurtis Hennessy

155

<ion-item *ngFor="let item of items; index as i;" 
 [routerLink]="['/itempage']" [queryParams]="id: 'i'" 
 routerDirection="forward">
 <ion-label>item.name</ion-label>
</ion-item>

angular ionic-framework ionic4

angular ionic-framework ionic4

share|improve this question

edited 15 hours ago

Augustin R

1,009216

asked 17 hours ago

Curtis HennessyCurtis Hennessy

155

share|improve this question

edited 15 hours ago

Augustin R

1,009216

asked 17 hours ago

Curtis HennessyCurtis Hennessy

155

edited 15 hours ago

Augustin R

1,009216

edited 15 hours ago

Augustin R

1,009216

asked 17 hours ago

Curtis HennessyCurtis Hennessy

155

asked 17 hours ago

Curtis HennessyCurtis Hennessy

155

1 Answer
1

active

oldest

votes

3

You are not setting an index there but you are setting id to 'i' which is string.

Change it to this [queryParams]="id: i"

share|improve this answer

answered 17 hours ago

Josef KatičJosef Katič

904414

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55279956%2fionic-pass-ng-for-information-into-query-params%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

3

You are not setting an index there but you are setting id to 'i' which is string.

Change it to this [queryParams]="id: i"

share|improve this answer

answered 17 hours ago

Josef KatičJosef Katič

904414

add a comment | 

3

You are not setting an index there but you are setting id to 'i' which is string.

Change it to this [queryParams]="id: i"

share|improve this answer

answered 17 hours ago

Josef KatičJosef Katič

904414

add a comment | 

You are not setting an index there but you are setting id to 'i' which is string.

Change it to this [queryParams]="id: i"

share|improve this answer

answered 17 hours ago

Josef KatičJosef Katič

904414

share|improve this answer

answered 17 hours ago

Josef KatičJosef Katič

904414

answered 17 hours ago

Josef KatičJosef Katič

904414

answered 17 hours ago

Josef KatičJosef Katič

904414