Question

我要使用Bootstrap提供的折叠功能。因此，我已经安装了jQuery和popper.js：

require('rootpath')()
const express = require('express')
const router = express.Router()
const fileService = require('routes/_shared/file.service.ts')

var logger = function(req, res, next)
{
    console.log("File Controller");

    next();
}

  router.use(logger);
  router.post('/upload', fileService.upload, fileUpload);

  module.exports = router;

function fileUpload(req, res) {

    res.send({ file: req.file })
}

引导程序本身正在运行，但其js元素却无法运行，例如，我不能使用依赖于#!/usr/bin/python from datetime import datetime from pytz import timezone import logging def timetz(*args): return datetime.now(tz).timetuple() tz = timezone('Asia/Shanghai') # UTC, Asia/Shanghai, Europe/Berlin logging.Formatter.converter = timetz logging.basicConfig( format="%(asctime)s %(levelname)s: %(message)s", level=logging.INFO, datefmt="%Y-%m-%d %H:%M:%S", ) logging.info('Timezone: ' + str(tz))的折叠功能。

"styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "node_modules/hover.css/css/hover.css",
    "node_modules/hamburgers/_sass/hamburgers/hamburgers.scss",
    "src/styles.scss"
    ],
"scripts": [
    "node_modules/jquery/dist/jquery.js",
    "node_modules/popper.js/dist/popper.js",
    "node_modules/bootstrap/dist/js/bootstrap.js"
    ]

有人看到这个问题或经历过类似的事情吗？

Answer 1

Bootstrap不仅依赖CSS，而且还依赖JavaScript元素。但是问题是，Angular并不了解JavaScript的那部分-并且由于它是在自己的时间创建bootstrap小部件的，因此即使您包含了Bootstrap JS，Bootstrap JS也不会在适当的时间看到它。

这就是为什么您必须使用专用的引导程序库，例如ngx-bootstrap或ng-bootstrap而不直接引导程序的原因。因此，删除jQuery，删除引导程序，并包括Angular的Bootstrap库之一。

Bootstrap的js元素即使已导入也无法正常工作

1 个答案: