在ionic3中使用jquery dotdotdot

时间:2017-04-27 06:41:36

标签: angular ionic2

我正在尝试在我的项目中使用jQuery插件。 我正在使用Ionic3

我已经安装了jquery,并且还下载了插件

npm install jquery --save typings install dt~jquery --global --save

来自插件文档:我在index.html

中添加了脚本标记
<head>
 ////
 <script src="assets/jquery/dist/jquery.js" type="text/javascript"></script>
 <script src="assets/jquery.dotdotdot.js" type="text/javascript"></script>// path assets inside www folder where I'd put the file .js
////
</head>

.html :( page)

////
<div id="wrapper">
 <p>"{{summary}}"</p>
</div>

.ts:

import * as $ from 'jquery';

///
ngOnInit(){
    $("#wrapper").dotdotdot({
        ellipsis : '... ',
        wrap : 'word',
        fallbackToLetter: true,
        height: null
    });
}

我收到错误: Uncaught (in promise): TypeError: __WEBPACK_IMPORTED_MODULE_2_jquery__(...).dotdotdot is not a function

我尝试添加.js.min.js个文件,但是我得到了同样的错误

2 个答案:

答案 0 :(得分:0)

您的安装方式与jquery相同。

安装库dotdotdot.js

npm install dotdotdot --save

安装@types package

npm install --save-dev @types/dotdotdot

然后做

 import * as $ from "dotdotdot";

答案 1 :(得分:0)

在离子内正确使用jquery是

import $ from 'jquery';

您也可以在dotdotdot

中尝试相同的方式
import dot from "dotdotdot";