Was ist NGX-Bootstrap?

„ngx-bootstrap“ ist ein UI-Framework für Angular. Es ist die beste Möglichkeit für Angular, Bootstrap3- oder Bootstrap4-Komponenten schnell zu erben, was die Entwicklungseffizienz effektiv verbessern kann; save“-Befehl. „ngx-bootstrap“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 5, DELL G3-Computer

ngx Was ist Bootstrap

ngx-bootstrap ist ein UI-Framework von Angular. Es ist die beste Möglichkeit für Angular Schnelle Integration von Bootstrap 3- oder Bootstrap 4-Komponenten. ngx-bootstrap kann die Entwicklungseffizienz verbessern.

Was hier verwendet wird, ist @angular/cli 8.2.5, mit Bootstrap4

1. Installieren Sie ngx-bootstrap

----Öffnen Sie die cmd-Konsole im Projektverzeichnis und geben Sie

----Use ein "--save" "Abhängigkeiten schreiben

npm install ngx-bootstrap  --save
// 也可以用国内的淘宝镜像快速安装
cnpm install ngx-bootstrap --save

2. Fügen Sie das entsprechende CSS in das Projekt ein

Fügen Sie den entsprechenden Pfad zum globalen Stil der Stile in der Datei angualr.json hinzu

 "styles": [
              "../node_modules/bootstrap/scss/bootstrap"
            ],

3. Importieren Sie die Abhängigkeiten

Führen Sie den globalen CSS-Stil ein. Wenn Sie die entsprechende Komponente verwenden möchten, müssen Sie die relevanten Abhängigkeiten in das entsprechende Modul importieren, um es normal verwenden zu können.

Führen Sie hier die Faltkomponente und die Tab-Komponente ein.

Führen Sie die Komponente zunächst im Kopf ein.

import {CollapseModule, TabsModule} from 'ngx-bootstrap';

Zweitens müssen Sie die Importe in die @NgModule-Anweisung importieren

@NgModule({
  imports: [
    TabsModule.forRoot(),
    CollapseModule.forRoot(),
  ],
})

Dann können Sie es verwenden

Verwandte Empfehlungen: Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist NGX-Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!