Apa itu ngx bootstrap

"ngx-bootstrap" ialah rangka kerja UI untuk Angular Ini adalah cara terbaik untuk Angular mewarisi komponen bootstrap3 atau bootstrap4 dengan berkesan, yang boleh meningkatkan kecekapan pembangunan dengan berkesan; -simpan "arahan untuk memasang "ngx-bootstrap".

Persekitaran pengendalian tutorial ini: sistem Windows10, versi bootstrap5, komputer DELL G3

Apakah itu ngx bootstrap

ngx- bootstrap ialah rangka kerja UI untuk Angular dan merupakan cara terbaik untuk Angular menyepadukan komponen Bootstrap 3 atau Bootstrap 4 dengan cepat. ngx-bootstrap boleh meningkatkan kecekapan pembangunan.

Apa yang digunakan di sini ialah @angular/cli 8.2.5, dengan bootstrap4

1. Pasang ngx-bootstrap

----In projek Buka konsol cmd dalam direktori dan masukkan

----Gunakan "--save" untuk menulis dependencies

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

2. Perkenalkan css yang sepadan ke dalam projek

Tambahkan laluan yang sepadan dengan gaya global dalam fail angualr.json

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

3. Import dependencies

Selepas memperkenalkan gaya css global Untuk menggunakan komponen yang sepadan, anda perlu mengimport kebergantungan yang berkaitan dalam modul yang sepadan untuk menggunakannya seperti biasa

Perkenalkan komponen lipatan dan komponen tab di sini

Mula-mula perkenalkan komponen di kepala

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

Kedua, anda perlu mengisytiharkan

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

dalam import dalam @NgModule dan kemudian anda boleh menggunakannya

Cadangan berkaitan: tutorial bootstrap

Atas ialah kandungan terperinci Apa itu ngx bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!