Ngx Bootstrap 元素不显示答案

【问题标题】：Ngx Bootstrap Elements Not ShowingNgx Bootstrap 元素不显示
【发布时间】：2021-11-30 11:10:26
【问题描述】：

我已将 Ngx Bootstrap 添加到我的 Angular 项目中。之后，我创建了名为 UI Elements 的模块。

ui-elements.module.ts

import { NgModule } from '@angular/core';
import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';

@NgModule({
  imports: [
    BsDatepickerModule.forRoot(),
    TooltipModule.forRoot()
  ]
})
export class UiElementsModule { }

之后我将上面的模块导入到 main app module

app.module.ts

import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { LayoutsModule } from './layouts/layouts.module';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    LayoutsModule,
    UiElementsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

customer.component.html

<button type="button" class="btn btn-primary" tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
    Simple demo
</button>

但 Ngx Bootstrap 仍然无法正常工作。没有错误。

有什么帮助吗？

【问题讨论】：

标签： angular user-interface bootstrap-4 frontend ngx-bootstrap

【解决方案1】：

你添加了引导 CSS 吗？

<!--- index.html -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We">

https://valor-software.com/ngx-bootstrap/#/documentation#getting-started

【讨论】：

没有。因为我已经使用 Angular CLI 添加 ngx-bootstrap