我已经将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 { }之后,我已经将上面的模块导入到主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仍然不起作用。没有错误。
有什么帮助吗?
发布于 2021-10-11 18:33:27
你添加了一个引导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
https://stackoverflow.com/questions/69530631
复制相似问题