在 Angulalr2 中用 bootstrap4 实现多级下拉菜单

在 Bootstrap4 中没有找到多级下拉菜单，于是自己通过参考相关资料后，经过实践实现了这一功能。过程如下：

一、安装相关组件及配置

在工程目录下打开终端, 分别执行以下命令安装多级下拉菜单需要的相关组件：

npm i bootstrap -s
npm i jquery -s
npm i popper -s

完成以上工作后，在 src/styles.scss 文件顶部加入

@import '../node_modules/bootstrap/scss/bootstrap.scss';

然后在 angular.json 中加入下面三个文件

node_modules/jquery/dist/jquery.min.js
node_modules/popper.js/dist/popper.min.js
node_modules/bootstrap/dist/js/bootstrap.min.js

 

二、相关代码 

1、在 app.module.ts 中加入

import 'jquery';
import 'bootstrap';