Question

我有一个Angular 2应用程序。我想使用Bootstrap Modal窗口。我刚刚在body标签的末尾包含了jquery和bootstrap.js文件。应用程序加载没有错误，但是当我进入控制台并执行

时

$('body').modal()

它说'模态函数未定义'。

我的身体标签

<body>
    <app-root></app-root>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>

怎么了？

Answer 1

您不能在Angular中使用本机Bootstrap JavaScript有几个原因，其中一个原因是缺少TypeScript的类型，另一个原因是没有jquery构造函数/初始化函数。

您可以将Bootstrap JavaScript改装为Angular，但是有几个库已经为您完成了这项工作。我们在官方ng-bootstrap中使用模式取得了成功：

https://ng-bootstrap.github.io/#/components/modal

不能在Angular 2 app中使用bootstrap Modal

1 个答案: