angular - Angular 代码未在浏览器中正确显示
问题描述
<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>
输出仅显示“食谱书”,其余数据未显示...我使用的是 Angular 8,并且 bootstrap.min.css 已添加到 angular.json 文件中...
解决方案
推荐阅读
- angular6 - 想要在单击编辑按钮时获取 productCode 的值
- css - 如何强制一个父菜单项的所有子菜单级别在悬停时处于活动状态(超级菜单)
- excel - 工作簿设置为不可见时 Excel 的奇怪行为
- python - 在 GeoJSON 中访问嵌套的 Python 坐标字典
- java - wiremock java api - 表单数据形式的存根请求主体(不是字符串,也不是 json)
- design-patterns - 在工厂方法模式的维基百科示例中使用模板方法有什么好处?
- php - 从没有数组的对象的 json 数据中提取信息
- javascript - Vue中如何实现两个任意元素之间的通信?
- shell - 在shell脚本中解析Json
- java - 使用 Mockito 创建 Chunk Tasklet 的单元测试