Question

我对我的角度应用程序进行了一些修改，尝试使用一些路由，以便可以使用锚点（例如ID和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-nav），然后将<nav>下面的<app-landing-page>更改为它。如果您没有更改选择器，则可能只是呈现一个空的导航元素

角度组件未呈现

1 个答案: