Html 使用Angular 4构建引导4.0.0 alpha 6导航栏

我将ngx引导用于引导4组件，但ngx引导和ng引导都没有导航栏组件。建议使用ngx引导折叠模块，但我一直很难让它工作，尤其是下拉链接

例如，我应该如何使用Angular 4在导航栏上启用下拉链接和折叠功能？下拉链接起作用，但下拉链接连接到导航栏，而不是主体

<div class="navbar-container">
    <nav class="navbar navbar-toggleable-xl navbar-light bg-faded">
        <a class="navbar-brand" routerLink="/">My App</a>
        <div class="collapse navbar-collapse">
            <div class="navbar-nav">
                <a class="nav-item nav-link" routerLink="/table" routerLinkActive="active">AR Table</a>
                <a class="nav-item nav-link" routerLink="/analytics" routerLinkActive="active">Dashboard</a>
                <a class="nav-item nav-link disabled"> Workbench</a>
            </div>
            <ul class="nav navbar-nav">
                <li class="nav-item dropdown dropdown-append-to-body">
                    <a class="nav-link dropdown-toggle" (click)="navbar.dropdown=!navbar.dropdown" routerLink="/table" id="navbarDropdownMenuLink" [attr.aria-expanded]="dropdown" aria-controlls="collapseExample">
                        Dropdown link
                    </a>
                    <div id = "collapseExample" [collapse]="!navbar.dropdown" class="dropdown-menu">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="ml-auto">
            <div class="navbar-nav">
                <a class="nav-item user">User</a>
            </div>
        </div>
    </nav>
</div>

使用者

---

谢谢

您正在尝试多级菜单栏吗？是的，如果我正确理解您的问题，我将尝试了解如何使用Angular 4正确实现Bootstrap 4导航栏及其所有选项。请看第三个例子，它与我的期望非常接近。我希望能够在导航栏中有一个下拉菜单，这在原始引导4中得到了明确的支持，并且可以使用jQuery，但我认为ngx引导的目的是避免使用jQuery。你可以简单地使用引导doptown，你会遇到什么错误？我不能在不使用ngx引导或ng引导的情况下使用原始引导下拉列表，因为原始引导中的所有响应组件（下拉列表、导航栏折叠功能）都使用javascript插件（可能取决于jQuery）为了响应性而不是角度。为了代码的清晰和简单，我希望使用角度来处理所有响应性。您是否尝试使用多级菜单栏？是的，如果我正确理解您的问题，我将尝试了解如何正确实现引导4导航栏，以及使用角度4的所有选项。请参阅ird示例非常接近我的期望。我希望在导航栏中有一个下拉菜单，这在原始引导4中得到了明确的支持，并且可以启用jQuery，但我认为ngx引导的目的是避免使用jQuery。你可以简单地使用引导下拉菜单，你会遇到什么错误？我不能使用raw bootstrap dropdown不使用ngx bootstrap或ng bootstrap，因为原始bootstrap中的所有响应组件（dropdown、navbar折叠功能）都使用javascript插件（可能依赖于jQuery），而不是Angular来实现响应。为了代码的清晰性和简单性，我希望使用Angular来处理所有响应。