Angular 角度代码未在浏览器中正确显示

输出仅显示“配方书”，其余数据不显示。。。我正在使用Angular 8，bootstrap.min.css已添加到Angular.json文件中…

折叠功能使用jQuery和popper，您添加了它们吗？共享您的代码或制作stackblitz，以及为什么将

ContainerFluid

放入

navbar

类中折叠功能使用jQuery和popper，您添加了这些吗？共享您的代码或进行stackblitz，并说明您为什么将

ContainerFluid

放入

navbar

类中

<nav class = "navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a href = "#" class="navbar-brand">Recipe Book</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">Recipes</a></li>
                <li><a href="#">Shopping List</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class = "dropdown-toggle" role="button">Manage<span class = 'caret'></span></a>
                    <ul class = "dropdown-menu">
                        <li> <a href = "#">Save Data</a></li>
                        <li> <a href = "#">Fetch Data</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>