2017-06-22 70 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

相關問題