Angular 组件未被渲染

Question

我对我的 angular 应用程序做了一些修改，尝试使用一些路由以便我可以使用锚点（例如 ids 和 href 以便它转到该部分）。但是，我将所有内容都移回了原来的状态，现在导航组件没有被渲染，知道为什么会这样吗？

这是我的应用组件

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

这是我的导航组件HTML

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

诺伯特

<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>

我只能看到登陆页面，但看不到导航 HTML。知道哪里出了问题吗？

Answer 1

您明确地将模板选择器从 <app-nav> 更改为 <nav> 了吗？您应该确保您的模板选择器不会与常规 DOM 元素发生命名冲突。如果不是，请检查组件中的模板选择器以查看选择器是什么（可能是应用程序导航）并将 <app-landing-page> 下面的 <nav> 更改为任何内容。如果您没有更改选择器，您可能只是呈现一个空的导航元素

Angular 组件未被渲染

Angular component is not being rendered

angular-components

angular