From 089a701df03926daef05276a49080dbfcb436351 Mon Sep 17 00:00:00 2001 From: Yash bhanushali <75803955+yashbhanu@users.noreply.github.com> Date: Fri, 7 Oct 2022 17:09:12 +0530 Subject: [PATCH] Add content for router outlets (#2236) * Update 101-router-outlets.md * Update 101-router-outlets.md --- .../content/107-routing/101-router-outlets.md | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/content/roadmaps/104-angular/content/107-routing/101-router-outlets.md b/content/roadmaps/104-angular/content/107-routing/101-router-outlets.md index e2f49690f..81884c1fc 100644 --- a/content/roadmaps/104-angular/content/107-routing/101-router-outlets.md +++ b/content/roadmaps/104-angular/content/107-routing/101-router-outlets.md @@ -1 +1,8 @@ -# Router outlets \ No newline at end of file +# Router outlets + +The router-outlet is a directive that's available from the @angular/router package and is used by the router to mark where in a template, a matched component should be inserted. + +Thanks to the router outlet, your app will have multiple views/pages and the app template acts like a shell of your application. Any element, you add to the shell will be rendered in each view, only the part marked by the router outlet will be changed between views. + +<ResourceGroupTitle>Free Content</ResourceGroupTitle> +<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/api/router/RouterOutle'>Understanding Router Outlets</BadgeLink>