Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >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
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!