html - Bootstrap4 菜单切换折叠在 AngularJs 1.x 中不起作用
问题描述
导航栏切换菜单正在打开但未关闭。
我已经尝试了这里给出的所有方法以及其他方法来纠正这个错误。但对我没有帮助。我的代码如下:
<nav class="navbar navbar-expand-lg navbar-dark fix nav-color imgbg">
<a class="navbar-brand red" href="#">Logo Title</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="true"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav" ng-controller="HeaderController">
<ul class="navbar-nav ml-auto">
<li class="nav-item" ng-class="{ active: isActive('/home') }">
<a class="nav-link" href="#!/home">Home</a>
</li>
<li class="nav-item" ng-class="{ active: isActive('/about') }">
<a class="nav-link" href="#!/about">Objectives</a>
</li>
<li class="nav-item" ng-class="{ active: isActive('/contact') }">
<a class="nav-link" href="#!/contact">Contact</a>
</li>
</ul>
</div>
</nav>
请帮我解决这个问题。
解决方案
按顺序放置库对我有用:
我的订单如下:
在头部:
<link rel="stylesheet" href="/assets/css/bootstrap.css" />
<link rel="stylesheet" href="./assets/css/style.css" />
在身体的末端/底部:
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/libs/angular.min.js"></script>
<script src="./assets/libs/angular-ui-router.js"></script>
<script src="app/app.js"></script>
<script src="app/components/shared/navbar.js"></script>
推荐阅读
- vuejs2 - Nativescript Vue:访问类函数
- python - 如何使 tkinter 按钮运行另一个 python 文件
- php - 使用 PHP 替换 WordPress 插件图标
- android - 使用单一活动应用程序的 AccountAuthentication
- html - 下载图像时显示加载背景颜色响应
- docker - 构建平台即服务
- go - 我不确定为什么会出现索引超出范围错误
- ios - iOS 13 - Cordova azure 通知中心插件未注册设备
- javascript - 直接调用函数draw时得到不同的输出?反应俄罗斯方块
- python-3.x - 从 Python 中的列表元素中删除特定标点符号