2017-06-22 67 views
1

我有一个Angular 2应用程序。我想使用Bootstrap Modal窗口。我刚刚在body标签的末尾加入了jquery和bootstrap.js文件。应用程序加载没有错误,但是当我去到控制台,并做无法在Angular 2应用程序中使用引导程序Modal

$('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> 

有什么不对?

回答

0

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

您可以将Bootstrap JavaScript改造为Angular,但有几个库为您完成了这项工作。我们已经在ng-bootstrap官方模式下取得成功:

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

相关问题