要解决“Angular 8 + Bootstrap 3 汉堡菜单无法工作”的问题,可以尝试以下解决方案:
Angular 8 + Bootstrap 3
navbar
和navbar-toggle
类来创建汉堡菜单按钮。以下是一个示例:
ngAfterViewInit
生命周期钩子来初始化Bootstrap的JavaScript功能。以下是一个示例:import { Component, AfterViewInit } from '@angular/core';
declare var $: any;
@Component({
selector: 'app-navbar',
template: `
`
})
export class NavbarComponent implements AfterViewInit {
ngAfterViewInit() {
$('.navbar-toggle').click(function(){
$('.navbar-collapse').toggle();
});
}
}
通过以上解决方案,您应该能够解决“Angular 8 + Bootstrap 3 汉堡菜单无法工作”的问题。请注意,这里假设您已正确安装了Angular和Bootstrap,并且已在应用中正确使用了相关的组件和样式。