In angular application, while inspecting an element via chrome dev tool, why do I not see pure html?

Question

My question is basically what the title says:

If browser do not understand angular, why am I seeing angular while inspecting element in spite of using AOT (no angular compiler in the browser)?

Is there anyway to see the DOM with pure html elements?

E.g. Why do I see <k-dialog> element, when using kendo dialog which is angular component? Are these elements simply ignored or are they div under the hood?

I see classes and comments and attributes that belong to Angular when I inspect elements of my Angular app, but it's still all standard DOM elements that I'm see. No *ngIf or *ngFor, for example. Can you show us an example of what you're seeing that you don't think is "pure"? — kshetline
– kshetline, Commented Mar 7, 2018 at 0:53
Looks like HTML to me, are you saying the custom tags/element are not valid HTML? — epascarello
– epascarello, Commented Mar 7, 2018 at 1:04
@epascarello, Ok, so even it is a valid HTML, what happens to it during rendering? Is it a containing "div" element or simply ignored? — ANewGuyInTown
– ANewGuyInTown, Commented Mar 7, 2018 at 1:12
Click on one of the kendo-dialog-* elements and look at the right pane of the Elements tab. You'll see the Styles tab is selected by default, and from that, should be able to tell how (if at all) it is styled. — Heretic Monkey
– Heretic Monkey, Commented Mar 7, 2018 at 1:50

kshetline · Accepted Answer · 2018-03-07 01:05:46Z

2

What you're seeing is standard HTML, because HTML5 allows custom elements:

https://www.html5rocks.com/en/tutorials/webcomponents/customelements/

answered Mar 7, 2018 at 1:05

kshetline

14k6 gold badges49 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ANewGuyInTown Over a year ago

Are these custom elements rendered anyway or simply ignored by the browser?

kshetline Over a year ago

My impression (and this is just my impression) is that they act very much like either a span or a div, depending on the CSS properties you assign to them.

Collectives™ on Stack Overflow

In angular application, while inspecting an element via chrome dev tool, why do I not see pure html?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related