要在Angular 7中使Bootstrap手风琴起作用,你需要遵循以下步骤:
npm install bootstrap
angular.json
文件中添加Bootstrap的样式文件。在styles
数组中添加以下代码:"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
.ts
文件中添加以下代码:import { Component } from '@angular/core';
import { AccordionConfig } from 'ngx-bootstrap/accordion';
export function getAccordionConfig(): AccordionConfig {
return Object.assign(new AccordionConfig(), { closeOthers: true });
}
@Component({
selector: 'app-your-component',
templateUrl: './your-component.html',
providers: [{ provide: AccordionConfig, useFactory: getAccordionConfig }]
})
export class YourComponent {
// 组件的逻辑和代码
}
.html
文件)中,使用Bootstrap手风琴组件。以下是一个简单的示例:
Group 1 content goes here.
Group 2 content goes here.
确保你按照以上步骤进行操作,并根据你的实际需求进行调整。这样应该可以让Bootstrap手风琴在Angular 7中起作用。