Routing to static html page in Angular 6+











up vote
0
down vote

favorite
1












I have an Angular project with 3 components country, region, home. When I load the home page, I have route setup to HomeComponent, which hyperlinks for routes. Everything works just fine and behaving like a single page (SPA). Now, I want to add a static HTML page and route to it. I looked at Angular Route documentation, I couldn't find a way to do this. Here are the questions I have




  1. Where can I place my static HTML pages

  2. How to route those file in app-routing.module.ts


Github Repository: SpringTestingUI










share|improve this question






















  • Why don't you turn your static file into a component?
    – M. A. Cordeiro
    Nov 21 at 16:52










  • A static HTML page contains no dynamic (i.e. angular) content. As such, it cannot be routed. You could instead create a component that loads your static content in an iframe and route to that component.
    – The Head Rush
    Nov 21 at 16:52










  • You would use a regular link: <a href="/path/to/static-page.html">. You can put it under assets, or configure the assets in your angular.json file to put it where you want, or just rely on your actual production server to serve it from any URL you choose.
    – JB Nizet
    Nov 21 at 16:53












  • @TheHeadRush Does this mean Angular does not support Multi Page application?
    – Jadda
    Nov 21 at 16:57






  • 1




    We can't help with unknown code causing an unknown problem
    – JB Nizet
    Nov 21 at 17:17















up vote
0
down vote

favorite
1












I have an Angular project with 3 components country, region, home. When I load the home page, I have route setup to HomeComponent, which hyperlinks for routes. Everything works just fine and behaving like a single page (SPA). Now, I want to add a static HTML page and route to it. I looked at Angular Route documentation, I couldn't find a way to do this. Here are the questions I have




  1. Where can I place my static HTML pages

  2. How to route those file in app-routing.module.ts


Github Repository: SpringTestingUI










share|improve this question






















  • Why don't you turn your static file into a component?
    – M. A. Cordeiro
    Nov 21 at 16:52










  • A static HTML page contains no dynamic (i.e. angular) content. As such, it cannot be routed. You could instead create a component that loads your static content in an iframe and route to that component.
    – The Head Rush
    Nov 21 at 16:52










  • You would use a regular link: <a href="/path/to/static-page.html">. You can put it under assets, or configure the assets in your angular.json file to put it where you want, or just rely on your actual production server to serve it from any URL you choose.
    – JB Nizet
    Nov 21 at 16:53












  • @TheHeadRush Does this mean Angular does not support Multi Page application?
    – Jadda
    Nov 21 at 16:57






  • 1




    We can't help with unknown code causing an unknown problem
    – JB Nizet
    Nov 21 at 17:17













up vote
0
down vote

favorite
1









up vote
0
down vote

favorite
1






1





I have an Angular project with 3 components country, region, home. When I load the home page, I have route setup to HomeComponent, which hyperlinks for routes. Everything works just fine and behaving like a single page (SPA). Now, I want to add a static HTML page and route to it. I looked at Angular Route documentation, I couldn't find a way to do this. Here are the questions I have




  1. Where can I place my static HTML pages

  2. How to route those file in app-routing.module.ts


Github Repository: SpringTestingUI










share|improve this question













I have an Angular project with 3 components country, region, home. When I load the home page, I have route setup to HomeComponent, which hyperlinks for routes. Everything works just fine and behaving like a single page (SPA). Now, I want to add a static HTML page and route to it. I looked at Angular Route documentation, I couldn't find a way to do this. Here are the questions I have




  1. Where can I place my static HTML pages

  2. How to route those file in app-routing.module.ts


Github Repository: SpringTestingUI







angular angular-routing angular-router






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 21 at 16:46









Jadda

213113




213113












  • Why don't you turn your static file into a component?
    – M. A. Cordeiro
    Nov 21 at 16:52










  • A static HTML page contains no dynamic (i.e. angular) content. As such, it cannot be routed. You could instead create a component that loads your static content in an iframe and route to that component.
    – The Head Rush
    Nov 21 at 16:52










  • You would use a regular link: <a href="/path/to/static-page.html">. You can put it under assets, or configure the assets in your angular.json file to put it where you want, or just rely on your actual production server to serve it from any URL you choose.
    – JB Nizet
    Nov 21 at 16:53












  • @TheHeadRush Does this mean Angular does not support Multi Page application?
    – Jadda
    Nov 21 at 16:57






  • 1




    We can't help with unknown code causing an unknown problem
    – JB Nizet
    Nov 21 at 17:17


















  • Why don't you turn your static file into a component?
    – M. A. Cordeiro
    Nov 21 at 16:52










  • A static HTML page contains no dynamic (i.e. angular) content. As such, it cannot be routed. You could instead create a component that loads your static content in an iframe and route to that component.
    – The Head Rush
    Nov 21 at 16:52










  • You would use a regular link: <a href="/path/to/static-page.html">. You can put it under assets, or configure the assets in your angular.json file to put it where you want, or just rely on your actual production server to serve it from any URL you choose.
    – JB Nizet
    Nov 21 at 16:53












  • @TheHeadRush Does this mean Angular does not support Multi Page application?
    – Jadda
    Nov 21 at 16:57






  • 1




    We can't help with unknown code causing an unknown problem
    – JB Nizet
    Nov 21 at 17:17
















Why don't you turn your static file into a component?
– M. A. Cordeiro
Nov 21 at 16:52




Why don't you turn your static file into a component?
– M. A. Cordeiro
Nov 21 at 16:52












A static HTML page contains no dynamic (i.e. angular) content. As such, it cannot be routed. You could instead create a component that loads your static content in an iframe and route to that component.
– The Head Rush
Nov 21 at 16:52




A static HTML page contains no dynamic (i.e. angular) content. As such, it cannot be routed. You could instead create a component that loads your static content in an iframe and route to that component.
– The Head Rush
Nov 21 at 16:52












You would use a regular link: <a href="/path/to/static-page.html">. You can put it under assets, or configure the assets in your angular.json file to put it where you want, or just rely on your actual production server to serve it from any URL you choose.
– JB Nizet
Nov 21 at 16:53






You would use a regular link: <a href="/path/to/static-page.html">. You can put it under assets, or configure the assets in your angular.json file to put it where you want, or just rely on your actual production server to serve it from any URL you choose.
– JB Nizet
Nov 21 at 16:53














@TheHeadRush Does this mean Angular does not support Multi Page application?
– Jadda
Nov 21 at 16:57




@TheHeadRush Does this mean Angular does not support Multi Page application?
– Jadda
Nov 21 at 16:57




1




1




We can't help with unknown code causing an unknown problem
– JB Nizet
Nov 21 at 17:17




We can't help with unknown code causing an unknown problem
– JB Nizet
Nov 21 at 17:17

















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',
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


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53416871%2frouting-to-static-html-page-in-angular-6%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































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.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • 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.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53416871%2frouting-to-static-html-page-in-angular-6%23new-answer', 'question_page');
}
);

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







Popular posts from this blog

Berounka

Fiat S.p.A.

Type 'String' is not a subtype of type 'int' of 'index'