Apa itu ngx bootstrap

WBOY
Lepaskan: 2022-08-01 18:07:34
asal
2911 orang telah melayarinya

"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".

Apa itu 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
Salin selepas log masuk

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"
            ],
Salin selepas log masuk

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';
Salin selepas log masuk

Kedua, anda perlu mengisytiharkan

@NgModule({
  imports: [
    TabsModule.forRoot(),
    CollapseModule.forRoot(),
  ],
})
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan