导入 ng-bootstrap

ng-bootstrap 是基于 Angular 的 Bootstrap UI 工具包。它提供了一些组件和指令，可以让您更轻松地在 Angular 应用程序中使用 Bootstrap。

安装

要安装 ng-bootstrap，您需要先安装 Bootstrap 和 Angular，然后在项目中安装 ng-bootstrap 包。您可以使用 npm 包管理器完成这些步骤。

npm install bootstrap
npm install @ng-bootstrap/ng-bootstrap

导入模块

在您的 Angular 应用程序中导入 ng-bootstrap 模块。

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    NgbModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

使用组件

现在，您可以在您的组件中使用 ng-bootstrap 组件了。在下面的示例中，我们将使用 ng-bootstrap 的 ngb-alert 组件。

<ngb-alert [dismissible]="false" type="info">这是一个信息！</ngb-alert>

在上述示例中，我们将 type 属性设置为“info”，并将 dismissible 属性设置为“false”。这将创建一个不可关闭的信息框。您可以根据您的需要自定义样式和功能，详细信息请查阅 ng-bootstrap 文档。

总结

使用 ng-bootstrap，您可以更轻松地在 Angular 应用程序中使用 Bootstrap。您只需安装包并导入模块即可开始使用 ng-bootstrap 的组件和指令。