如何使用引导带3模式在角4的应用？

Question

在给定这里的情况下，我尝试了所有可能的解决方案，但仍然存在这个错误。我使用的是引导带3和角4。当我试图用以下方式显示一个模态时，就会发生这样的情况：

$("#myModal").modal('show');

Answer 1

看一看这个链接。它有一个工作的例子和一个同样的问题，与打字和没有它。在这个项目中，我使用了引导和jquery，您也可以检查repo。

在您的例子中，您需要添加jquery文件。

在你的angular-cli.json里像这样

  "styles": [
    "../node_modules/bootstrap-v4-dev/dist/css/bootstrap.min.css",
    "styles.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/tether/dist/js/tether.min.js",
    "../node_modules/bootstrap-v4-dev/dist/js/bootstrap.min.js"

然后在组件中声明.declare var $: any;

这应该能行。

更新

我继续创建了一个引导模式，使用前面提到的步骤，只在角度上使用jquery。

它可以检查这个页链接- 链接。

如果您想要检查相同的源代码，请检查链接。

我贴出的答案来自这个链接，这是我在角链接上的页面

Answer 2

听起来，您还没有以正确的方式将引导带Javascript文件添加到您的角度项目中。您应该做的是将这些文件添加到.angular-cli.json文件中。

"styles": [
  "styles.css",
  "../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
  "../node_modules/jquery/dist/jquery.min.js",
  "../node_modules/bootstrap/dist/js/bootstrap.min.js"
],

你可以在这里读到更多关于它的内容。。

奖金贴士

我建议您安装一个库，如将引导程序组件重写为角组件的库，而不是将jQuery与角组件混合，这样可以更容易地与其他角代码一起工作。

资源：

• ngx-引导Github页面
• 关于如何将引导带与角CLI项目结合使用的博客文章。