{"id":28912,"date":"2023-01-04T08:53:39","date_gmt":"2023-01-04T03:23:39","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/"},"modified":"2023-01-04T08:53:39","modified_gmt":"2023-01-04T03:23:39","slug":"solved-how-deep-can-a-url-be-in-angular-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/","title":{"rendered":"[Solved] how deep can a url be in angular? [closed]"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-60673618\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"60673618\" data-parentid=\"60670273\" data-score=\"1\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>You have to repeat the complete path to the route you want to add in each module (meaning from root on). <\/p>\n<p>To solve your problem you would have to change your <code>settings.routing.module.ts<\/code> to<\/p>\n<pre><code>import { NgModule } from '@angular\/core';\nimport { Routes, RouterModule } from '@angular\/router';\nimport { TeamsComponent } from '..\/teams.component';\nimport { SettingsComponent } from '.\/settings.component';\nimport { PeopleComponent } from '.\/people\/people.component';\n\n\nconst routes: Routes = [\n   {path:'teams',component:TeamsComponent,children:[\n  {path:'settings',component:SettingsComponent,children:[\n    {path:'people',component:PeopleComponent}\n  ]}\n  ]}\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule]\n})\nexport class SettingsRoutingModule { }\n<\/code><\/pre>\n<p>Here is the working <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/stackblitz.com\/edit\/testrouting-32dqnf?file=src\/app\/teams\/settings\/settings-routing.module.ts\">Stackblitz<\/a><\/p>\n<p>In order to not repeat the configuration each time somebody has written <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/medium.com\/@shairez\/angular-routing-a-better-pattern-for-large-scale-apps-f2890c952a18\">a neat article<\/a><\/p>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">0<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved how deep can a url be in angular? [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] You have to repeat the complete path to the route you want to add in each module (meaning from root on). To solve your problem you would have to change your settings.routing.module.ts to import { NgModule } from &#8216;@angular\/core&#8217;; import { Routes, RouterModule } from &#8216;@angular\/router&#8217;; import { TeamsComponent } from &#8216;..\/teams.component&#8217;; import { &#8230; <a title=\"[Solved] how deep can a url be in angular? [closed]\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/\" aria-label=\"More on [Solved] how deep can a url be in angular? [closed]\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[732,1701],"class_list":["post-28912","post","type-post","status-publish","format-standard","hentry","category-solved","tag-angular","tag-routes"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] how deep can a url be in angular? [closed] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] how deep can a url be in angular? [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] You have to repeat the complete path to the route you want to add in each module (meaning from root on). To solve your problem you would have to change your settings.routing.module.ts to import { NgModule } from &#039;@angular\/core&#039;; import { Routes, RouterModule } from &#039;@angular\/router&#039;; import { TeamsComponent } from &#039;..\/teams.component&#039;; import { ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-04T03:23:39+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] how deep can a url be in angular? [closed]\",\"datePublished\":\"2023-01-04T03:23:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/\"},\"wordCount\":74,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"angular\",\"routes\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/\",\"name\":\"[Solved] how deep can a url be in angular? [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-01-04T03:23:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] how deep can a url be in angular? [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] how deep can a url be in angular? [closed] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] how deep can a url be in angular? [closed] - JassWeb","og_description":"[ad_1] You have to repeat the complete path to the route you want to add in each module (meaning from root on). To solve your problem you would have to change your settings.routing.module.ts to import { NgModule } from '@angular\/core'; import { Routes, RouterModule } from '@angular\/router'; import { TeamsComponent } from '..\/teams.component'; import { ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/","og_site_name":"JassWeb","article_published_time":"2023-01-04T03:23:39+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] how deep can a url be in angular? [closed]","datePublished":"2023-01-04T03:23:39+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/"},"wordCount":74,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["angular","routes"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/","name":"[Solved] how deep can a url be in angular? [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-01-04T03:23:39+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-deep-can-a-url-be-in-angular-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] how deep can a url be in angular? [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/28912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=28912"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/28912\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=28912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=28912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=28912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}