How to pass in variables to components within a route definition
I'm setting up a ULR route that behind the scenes will use an existing component and pass in a parameter without it showing up in the browsers URL block. Routes define a path in the URL to a component. How do I pass a parameter within its definition?
This is for an Angular 7 website.
We have a docview component that shows formatted docs in a browser based on data passed in as a parameter sDocName. You could see our policy (doc #3) using the following URL route...
http://oursitename.com/docview;sDocName=3
We want to add a route path to that same component, but within that route def, we would like to pass in the parameter for the doc # so it doesn't show in the URL block in the browser... mostly to make it easier for people to type the URL in manually. I'm expecting something like this to work...
const appRoutes: Routes = [
{ path: 'docview', component: DocviewComponent },
{ path: 'policy', component: DocviewComponent, data:['sDocName=3'] }
]
This does not work, but something like it should…any thoughts?
We expect that the URL will ultimately look like this...
http://oursitename/policy
parameters routes angular7
asked Jan 18 at 21:22
AppDreamerAppDreamer
104211
add a comment |
I'm setting up a ULR route that behind the scenes will use an existing component and pass in a parameter without it showing up in the browsers URL block. Routes define a path in the URL to a component. How do I pass a parameter within its definition?
This is for an Angular 7 website.
We have a docview component that shows formatted docs in a browser based on data passed in as a parameter sDocName. You could see our policy (doc #3) using the following URL route...
http://oursitename.com/docview;sDocName=3
We want to add a route path to that same component, but within that route def, we would like to pass in the parameter for the doc # so it doesn't show in the URL block in the browser... mostly to make it easier for people to type the URL in manually. I'm expecting something like this to work...
const appRoutes: Routes = [
{ path: 'docview', component: DocviewComponent },
{ path: 'policy', component: DocviewComponent, data:['sDocName=3'] }
]
This does not work, but something like it should…any thoughts?
We expect that the URL will ultimately look like this...
http://oursitename/policy
parameters routes angular7
asked Jan 18 at 21:22
AppDreamerAppDreamer
104211
add a comment |
I'm setting up a ULR route that behind the scenes will use an existing component and pass in a parameter without it showing up in the browsers URL block. Routes define a path in the URL to a component. How do I pass a parameter within its definition?
This is for an Angular 7 website.
We have a docview component that shows formatted docs in a browser based on data passed in as a parameter sDocName. You could see our policy (doc #3) using the following URL route...
http://oursitename.com/docview;sDocName=3
We want to add a route path to that same component, but within that route def, we would like to pass in the parameter for the doc # so it doesn't show in the URL block in the browser... mostly to make it easier for people to type the URL in manually. I'm expecting something like this to work...
const appRoutes: Routes = [
{ path: 'docview', component: DocviewComponent },
{ path: 'policy', component: DocviewComponent, data:['sDocName=3'] }
]
This does not work, but something like it should…any thoughts?
We expect that the URL will ultimately look like this...
http://oursitename/policy
parameters routes angular7
asked Jan 18 at 21:22
AppDreamerAppDreamer
104211
I'm setting up a ULR route that behind the scenes will use an existing component and pass in a parameter without it showing up in the browsers URL block. Routes define a path in the URL to a component. How do I pass a parameter within its definition?
This is for an Angular 7 website.
We have a docview component that shows formatted docs in a browser based on data passed in as a parameter sDocName. You could see our policy (doc #3) using the following URL route...
http://oursitename.com/docview;sDocName=3
We want to add a route path to that same component, but within that route def, we would like to pass in the parameter for the doc # so it doesn't show in the URL block in the browser... mostly to make it easier for people to type the URL in manually. I'm expecting something like this to work...
const appRoutes: Routes = [
{ path: 'docview', component: DocviewComponent },
{ path: 'policy', component: DocviewComponent, data:['sDocName=3'] }
]
This does not work, but something like it should…any thoughts?
We expect that the URL will ultimately look like this...
http://oursitename/policy
parameters routes angular7
parameters routes angular7
asked Jan 18 at 21:22
AppDreamerAppDreamer
104211
asked Jan 18 at 21:22
AppDreamerAppDreamer
104211
asked Jan 18 at 21:22
AppDreamerAppDreamer
104211
asked Jan 18 at 21:22
AppDreamerAppDreamer
104211
asked Jan 18 at 21:22
AppDreamerAppDreamer
104211
104211
add a comment |
add a comment |
0
active
oldest
votes
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%2f54261580%2fhow-to-pass-in-variables-to-components-within-a-route-definition%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f54261580%2fhow-to-pass-in-variables-to-components-within-a-route-definition%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
