[英]Angular 5 + Popper.JS
我正在嘗試啟動需要Popper.Js功能的培訓項目。 但是,它似乎並沒有讓我開始使用Popper.Js。
根據Bootstrap的文檔,我開始使用Popper.Js
$(function () {
$('[data-toggle="tooltip"]').tooltip();
});
我在ngOnInit
主要組件中使用它。 但是,它不起作用。 發生錯誤“ 屬性'工具提示'在類型'JQuery'上不存在 ”。 我導入了jquery和bootstrap包文件。 安裝所有庫的類型。
我也試過純粹的“popper.js”而不是bootstrap.bundle.js。 但是會發生同樣的錯誤。 Bootstrap.bundle.js(包括正確順序的bootstrap和popper.js)和jquery在angular-cli.json中導入。
運行以下命令以安裝bootstrap jquery和popper.js:
npm install bootstrap@4.0.0-beta.2 popper.js jquery --save
在angular-cli.json中添加以下行:
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/popper.js/dist/popper.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
在你的page.ts中添加:
declare var $;
編輯:
並非所有JavaScript庫/框架都具有TypeScript聲明文件。 另一方面,我們可能希望在TypeScript文件中使用庫/框架而不會出現編譯錯誤。 一種解決方案是使用declare關鍵字。 declare關鍵字用於環境聲明,您可以在其中定義可能不是源自TypeScript文件的變量。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.