Using jquery dotdotdot in ionic3

Question

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

Please see this.Maybe helped to you: http://stackoverflow.com/questions/38159347/ionic2-how-to-use-jquery-plugin-in-page — Sampath, Apr 27 '17 at 06:45
@suraj hmm.. still no luck... jquery is working fine `$('#wrapper').width()` — Yasir, Apr 27 '17 at 06:58

score 0 · Answer 1 · edited May 23 '17 at 11:54

0

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";

edited May 23 '17 at 11:54

Community

1
1

answered Apr 27 '17 at 07:13

Suraj Rao

29,388
11
94
103

oh and not to forget to say... the page that I am trying to run jquery, is a subcomponent – Yasir Apr 27 '17 at 07:21
try importing from `dotdotdot` – Suraj Rao Apr 27 '17 at 07:22
`"dotdotdot"` is underlined red... node_module/@types/dotdotdot/index.d.ts is not a module – Yasir Apr 27 '17 at 07:26
https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/dotdotdot/dotdotdot-tests.ts – Suraj Rao Apr 27 '17 at 07:29
can you please elaborate more about the link... I have the file `index.d.ts` in the node_module – Yasir Apr 27 '17 at 08:29
the link is a test file to try the index.d.ts,, see if you can import the same way.. – Suraj Rao Apr 27 '17 at 08:31
using `///` I get error: `__WEBPACK_IMPORTED_MODULE_2_jquery___default(...)(...).dotdotdot is not a function` – Yasir Apr 27 '17 at 08:51

score 0 · Answer 2 · answered Aug 06 '17 at 09:59

0

the proper usage of jquery inside ionic is

import $ from 'jquery';

you can try the same way also in dotdotdot

import dot from "dotdotdot";

answered Aug 06 '17 at 09:59

Jakegarbo

1,201
10
20

have you tried it already , and its working??... cuz I remember doing all the possible solutions but none worked – Yasir Aug 07 '17 at 05:12

Using jquery dotdotdot in ionic3

2 Answers2