要在Angular Bootstrap中创建一个下拉菜单,可以按照以下步骤进行操作:
npm install @ng-bootstrap/ng-bootstrap bootstrap
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
@NgModule({
imports: [BrowserModule, NgbModule],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
ngbDropdown
和ngbDropdownMenu
指令来创建下拉菜单。例如,下面是一个包含三个菜单选项的简单示例:
@import '~bootstrap/dist/css/bootstrap.min.css';
ng serve
命令或类似的命令来运行你的应用程序,并访问包含下拉菜单的组件页面。这样,你就可以在Angular Bootstrap中创建一个简单的下拉菜单了。你可以根据需要自定义下拉菜单的样式和功能。