Angular2 component with selector not in the html

Question

in the following pluker http://plnkr.co/edit/MC7gO55TGkQTrxaJnJir?p=preview

in the DashboardComponent class, in the file

 Dashboard.Component.ts

is defined a @component with a selector but in the file .html there is no selector equivalent, you can explain me how is possible? you are not forced to define the selector tag ?

You've linked the wrong Plnkr. – Daniel B Nov 22 '16 at 15:13 — Daniel B, Nov 22 '16 at 15:13

score 3 · Answer 1 · answered Nov 22 '16 at 15:22

3

The DashboardComponent is used in the Router. A router component does not need a selector property.

answered Nov 22 '16 at 15:22

Poul Kruijt

64,681
11
135
134

score 2 · Accepted Answer · edited May 23 '17 at 11:46

2

The router uses ViewContainerRef.createComponent() which doesn't need the selector to match HTML. See also Angular 2 dynamic tabs with user-click chosen components for an example.

edited May 23 '17 at 11:46

Community

1
1

answered Nov 22 '16 at 15:24

Günter Zöchbauer

558,509
191
1,911
1,506

score 0 · Answer 3 · answered Nov 22 '16 at 15:26

The Angular router lets you route to a component directly - have a look at app/app-routing.module.ts: { path: 'dashboard', component: DashboardComponent },

See the "Add Routing" link of this for more detail: https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

Angular2 component with selector not in the html

3 Answers3