I am trying to use jQuery plugin in my project. I am using Ionic3
I have already installed jquery , and also downloaded the plugin
npm install jquery --save
typings install dt~jquery --global --save
from the plugin docs: I added the script tags in 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
});
}
I get error:
Uncaught (in promise): TypeError: __WEBPACK_IMPORTED_MODULE_2_jquery__(...).dotdotdot is not a function
I tried adding both .js and .min.js files , but I get the same error
You install the same way as the jquery.
Install library dotdotdot.js
npm install dotdotdot --save
Install @types package
npm install --save-dev @types/dotdotdot
Then do
import * as $ from "dotdotdot";
the proper usage of jquery inside ionic is
import $ from 'jquery';
you can try the same way also in dotdotdot
import dot from "dotdotdot";