Ionic pass *ng-for information into query paramswebpack 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?
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?
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 edited 15 hours ago
Augustin R
1,009216
asked 17 hours ago
Curtis HennessyCurtis Hennessy
155
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 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 edited 15 hours ago
Augustin R
1,009216
asked 17 hours ago
Curtis HennessyCurtis Hennessy
155
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 angular ionic-framework ionic4 edited 15 hours ago
Augustin R
1,009216
asked 17 hours ago
Curtis HennessyCurtis Hennessy
155
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
edited 15 hours ago
Augustin R
1,009216
1,009216
asked 17 hours ago
Curtis HennessyCurtis Hennessy
155
asked 17 hours ago
Curtis HennessyCurtis Hennessy
155
asked 17 hours ago
Curtis HennessyCurtis Hennessy
155
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 |
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
can you post the errors?
– Praveenkumar Beedanal
17 hours ago
can you post the errors?
– Praveenkumar Beedanal
17 hours ago
2
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
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
@JosefKatič That worked! How silly of me.
– Curtis Hennessy
17 hours ago
I will post it as answer
– Josef Katič
17 hours ago
I will post it as answer
– Josef Katič
17 hours ago
add a comment |
1 Answer
1
active
oldest
votes
You are not setting an index there but you are setting id to 'i' which is string.
Change it to this [queryParams]="id: i"
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
);
);
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
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
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You are not setting an index there but you are setting id to 'i' which is string.
Change it to this [queryParams]="id: i"
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"
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"
answered 17 hours ago
Josef KatičJosef Katič
904414
You are not setting an index there but you are setting id to 'i' which is string.
Change it to this [queryParams]="id: i"
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
answered 17 hours ago
Josef KatičJosef Katič
904414
904414
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
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
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
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