Styjun

How do I type a subset but facing upward?

What is the meaning of "heutig" in this sentence?

Should I answer honestly if asked why I was late one day when I was actually in an interview?

Is there a way to hide HTML source code yet keeping it effective?

Does the Prepare Food ability from Cook's Utensils stack?

Designing a time thief proof safe

Why does NASA publish all the results/data it gets?

Hiking with a mule or two?

practicality of 30 year fix mortgage at 55 years of age

Hilbert's hotel: why can't I repeat it infinitely many times?

If an object moving in a circle experiences centripetal force, then doesn't it also experience centrifugal force, because of Newton's third law?

Does HSTS protect against a rogue CA issuing a illegitimate valid certificate?

Is it possible to encode a message in such a way that can only be read by someone or something capable of seeing into the very near future?

relating two diagrams in tikzcd

Meaning of 'ran' in German?

How 象【しょう】 ( ≈かたち、 すがた、ようす) and 象【ぞう】 (どうぶつ) got to be written with the same kanji?

How can an attacker use robots.txt?

What are the consequences of high orphan block rate?

Can you cast Dispel Magic on a Shadow Monk's Silence?

Get Max value comparing multiple columns and return specific values

Co-supervisor comes to the office to help her students, which distracts me

Do we know the situation in Britain before Sealion (summer 1940)?

Research promotions in the middle of post-doc contract

Concrete example of Vertex Cover to Subset Sum reduction

Though router-outlet is written as a tag name, still how come its a directive?

Can you use @ViewChild() or similar with a router-outlet? How if so?How to define an Angular 2 component or directive with multiple selectorsAngular2 named router-outlet not working with RouterLinkAngular 4: Custom Attribute Directive within <router-outlet> not being executedHow to define routes for named router outlets which are in a sub componentHow to navigate to a route while a named outlet is child of an unnamed outletNamed Router Outlets not workingUsing an HTML Tag for a Directive in AngularNamed router-outlet with async child routersUsing the Angular router how do I share routes across multiple named outlets

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I know that there are two types of Directive in angular, Attribute Directive and Structural Directive which I think both should be written along side a tag as an attribute.
Whereas a component is mostly written as directly a tag name with its selector:-
Eg:-

<my-app></my-app>

But, how is router-outlet a directive when it is written as :-

<router-outlet></router-outlet>

Please correct me if what i have mentioned is wrong!

angular angular-directive router-outlet

share|improve this question

asked Mar 28 at 17:29

adiwonadiwon

2144 bronze badges

add a comment
 | 

0

I know that there are two types of Directive in angular, Attribute Directive and Structural Directive which I think both should be written along side a tag as an attribute.
Whereas a component is mostly written as directly a tag name with its selector:-
Eg:-

<my-app></my-app>

But, how is router-outlet a directive when it is written as :-

<router-outlet></router-outlet>

Please correct me if what i have mentioned is wrong!

angular angular-directive router-outlet

share|improve this question

asked Mar 28 at 17:29

adiwonadiwon

2144 bronze badges

add a comment
 | 

I know that there are two types of Directive in angular, Attribute Directive and Structural Directive which I think both should be written along side a tag as an attribute.
Whereas a component is mostly written as directly a tag name with its selector:-
Eg:-

<my-app></my-app>

But, how is router-outlet a directive when it is written as :-

<router-outlet></router-outlet>

Please correct me if what i have mentioned is wrong!

angular angular-directive router-outlet

share|improve this question

asked Mar 28 at 17:29

adiwonadiwon

2144 bronze badges

<my-app></my-app>

<router-outlet></router-outlet>

angular angular-directive router-outlet

angular angular-directive router-outlet

share|improve this question

asked Mar 28 at 17:29

adiwonadiwon

2144 bronze badges

share|improve this question

asked Mar 28 at 17:29

adiwonadiwon

2144 bronze badges

asked Mar 28 at 17:29

adiwonadiwon

2144 bronze badges

asked Mar 28 at 17:29

adiwonadiwon

2144 bronze badges

1 Answer
1

active

oldest

votes

1

In angular the primary difference between a Directive and a Component is that a Directive is a Component without an associated view.

So in your case the router outlet directive is notated that way so that the directive can pass through router contents to the section of the page on which it has been placed. Presumably this will be a component, of which will have a view that will be displayed int he place of the router outlet.

share|improve this answer

answered Mar 28 at 17:39

Tyler B. JoudreyTyler B. Joudrey

5411 silver badge99 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so, do you mean the actual directive is wrapped around the component? Also, what type of directive is router-outlet?
  
  – adiwon
  Mar 29 at 9:36
  
  

  
  
  
  

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/4.0/"u003ecc by-sa 4.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

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

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55403665%2fthough-router-outlet-is-written-as-a-tag-name-still-how-come-its-a-directive%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

In angular the primary difference between a Directive and a Component is that a Directive is a Component without an associated view.

So in your case the router outlet directive is notated that way so that the directive can pass through router contents to the section of the page on which it has been placed. Presumably this will be a component, of which will have a view that will be displayed int he place of the router outlet.

share|improve this answer

answered Mar 28 at 17:39

Tyler B. JoudreyTyler B. Joudrey

5411 silver badge99 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so, do you mean the actual directive is wrapped around the component? Also, what type of directive is router-outlet?
  
  – adiwon
  Mar 29 at 9:36
  
  

  
  
  
  

add a comment
 | 

1

In angular the primary difference between a Directive and a Component is that a Directive is a Component without an associated view.

So in your case the router outlet directive is notated that way so that the directive can pass through router contents to the section of the page on which it has been placed. Presumably this will be a component, of which will have a view that will be displayed int he place of the router outlet.

share|improve this answer

answered Mar 28 at 17:39

Tyler B. JoudreyTyler B. Joudrey

5411 silver badge99 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so, do you mean the actual directive is wrapped around the component? Also, what type of directive is router-outlet?
  
  – adiwon
  Mar 29 at 9:36
  
  

  
  
  
  

add a comment
 | 

In angular the primary difference between a Directive and a Component is that a Directive is a Component without an associated view.

So in your case the router outlet directive is notated that way so that the directive can pass through router contents to the section of the page on which it has been placed. Presumably this will be a component, of which will have a view that will be displayed int he place of the router outlet.

share|improve this answer

answered Mar 28 at 17:39

Tyler B. JoudreyTyler B. Joudrey

5411 silver badge99 bronze badges

share|improve this answer

answered Mar 28 at 17:39

Tyler B. JoudreyTyler B. Joudrey

5411 silver badge99 bronze badges

answered Mar 28 at 17:39

Tyler B. JoudreyTyler B. Joudrey

5411 silver badge99 bronze badges

answered Mar 28 at 17:39

Tyler B. JoudreyTyler B. Joudrey

5411 silver badge99 bronze badges