Angular component is not being rendered

Question

I did some modifications to my angular app, trying to use some routes so that i can use anchor (like ids & href so that it goes to the section). However, i moved everything back to its original state, and now the nav component is not being rendered, any ideas why this is happening?

Here is my app component

<app-landing-page></app-landing-page>
<nav></nav>

And this is my nav component HTML

<nav
class="navbar fixed-top navbar-expand-md navbar-dark"
>

Norbert

<ul class="navbar-nav mr-auto">
  <li class="nav-item" routerLinkActive="active">
    <a class="nav-link" href="#about">About</a>
  </li>
  <li class="nav-item" routerLinkActive="active">
    <a class="nav-link" href="#skills">Skills</a>
  </li>
  <li class="nav-item" routerLinkActive="active">
    <a class="nav-link" href="#contact">Contact</a>
  </li>
  <span class="et-hero-tab-slider"></span>
</ul>
 </div>
  </nav>

I can see only the landing page but i cannot see the nav HTML. Any ideas what goes wrong?

So the nav component displays itself in its template? You probably meant something like <app-nav></app-nav> (i.e. you need to use the selector of the component). Given what happens, you really really should learn to use git to be able to rollback to a previous working version. — JB Nizet
– JB Nizet, Commented Nov 25, 2019 at 19:38
Thanks - I created some component and i messed up the naming... Good point - i will put it straight away to Git — Csibi Norbert
– Csibi Norbert, Commented Nov 25, 2019 at 19:42

C. Trenholm · Accepted Answer · 2019-11-25 19:42:50Z

1

Did you excplicity change the template selector from <app-nav> to <nav> ? You should make sure that your template selectors dont have naming conflicts with regular DOM elements. If not, check your template selector in your component to see what the selector would be (likely app-nav) and change the <nav> below your <app-landing-page> to whatever it is. If you didnt change the selector you might just be rendering an empty nav element

answered Nov 25, 2019 at 19:42

C. Trenholm

3602 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Angular component is not being rendered

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related