确认已安装Node.js和npm。可以在命令行中输入以下命令来确认:
node -v
npm -v
通过npm安装Bootstrap和Angular。可以使用以下命令来安装:
npm install bootstrap
npm install @angular/core @angular/common @angular/forms
在Angular项目中使用Bootstrap。可以在“angular.json”文件中添加以下内容:
"styles": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": [
"./node_modules/bootstrap/dist/js/bootstrap.min.js"
]
在需要使用Bootstrap的组件中导入所需的Bootstrap模块。例如:
import { Component } from '@angular/core';
import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
constructor(private modalService: NgbModal) {}
openModal(content) {
this.modalService.open(content, {ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {
// do something with result
}, (reason) => {
// handle dismissed
});
}
}