Come si usa lodash con Ionic 2?

Question

Ho appena iniziato a lavorare su un nuovo progetto, usando Ionic 2. Sono nuovo in TypeScript e sto cercando di capire come includere lodash nel mio progetto.

C'è qualcuno là fuori che ha fatto questo e può indicarmi la giusta direzione?

Answer 1

1. Installare lodash con npm dal vostro terminale:

   $:npm i -S lodash 
   // npm install --save lodash (--save,-S saves to package.json) 
   

2. Importa lodash nel componente in questo modo:

   import * as _ from 'lodash'; 
   

Answer 2

Per angolare 2

1. Installare lodash con NPM:

   npm i -s lodash

2. Import lodash come questo:

   import * _ come da ' lodash ';

Per 1.x angolare

1. installare i pacchetti con pergolato:

   scrigno di installare --save ng-lodash

2. includere script nella vostra index.html tra ionic.bundle.js e app.js:

3. Aggiungi modulo come una dipendenza per la vostra applicazione

   angular.module ('antipasto', [ 'ionica' , 'starter.controllers', 'starter.services', 'ngLodash'])

4. iniettare nel vostro controller e iniziare ad usarlo

   .controller ('yourController', function ($ portata, lodash) { lodash.assign ({'a': 1}, {'b': 2}, {'c': 3}); });

Answer 3

In realtà nessuna delle risposte sopra me è necessario installare le definizioni di tipo lodash se si sta tentando di utilizzare lodash nell'app ionic 2. Per installare le definizioni s' lodash tipo al progetto eseguire i seguenti comandi:

• Installare typings modulo nodo come globale (se non lo hai già fatto): sudo npm install typings --global
• Installare lodash al progetto: npm install lodash --save
• Installa 's definizioni del tipo: typings install lodash --save

Una volta finito l'installazione lodash' lodash s definizioni del tipo al progetto è possibile importare lodash ai tuoi ts ionic2 file in questo modo:

import * as _ from 'lodash'; 

UPDATE: 2017/10/02 squadra ionica ha pubblicato un documento come utilizzare le librerie 3a parte in progetti ioniche. Si prega di fare riferimento qui per vedere un esempio di come utilizzare lodash con le ultime ionica http://ionicframework.com/docs/developer-resources/third-party-libs/

Answer 4

Per me il suo lavoro con la definizione di tipo ionico su 2 (2.0.0.beta.11)

passi

sudo npm install typings --g 

secondo

npm install lodash --save 

e

typings install lodash --save 

Infine utilizzare lodash nel progetto con

import * as _ from 'lodash'; 

e

var index = _.indexOf(albumList, data.album.id) 
console.log(index); 

Answer 5

Partendo da Ionic 2 RC0 quello che dovete fare quanto segue.

npm install @types/lodash --save-dev --save-exact 

e importarlo come

import _ from 'lodash'; 

Answer 6

Questa deve essere la risposta corretta Con ionica 2.1.0

Prova questo:

npm install -g typings 
typings search lodash 
typings install lodash --save 

Forse questo blog possono aiutare

Answer 7

Dal momento che è tutto dipendeva la versione ionica 2 si sta utilizzando, e nessuna di queste è stata del 100% la mia soluzione , ma alla fine mi ha portato al punto giusto. voglio aggiungere la mia versione della risposta per la seguente versione di Ionic 2

ionic framework version: 3.5.0 
typescript: 2.3.3 

e non ho dovuto installare nulla, Lodash era semplicemente lì dentro la directory node_modules/lodash.

L'unica cosa che ho fatto dentro la mia domanda .ts file è:

import * as Lodash from 'lodash'; 

// Inside the class 
new_array = Lodash.shuffle(data_array); 

Answer 8

Va notato che per ogni componente è possibile aggiungere la specifica lodash tipo invece di importare tutti lodash con ciò che è stato detto prima import * as _ from 'lodash';

Così, alla componente se si utilizzano solo isMatch si può semplicemente aggiungere facilmente come

import { isMatch } from 'lodash'; 

e quindi utilizzarlo in questo modo

isMatch(this.foo1, this.foo2); 

Questo dichiara esplicitamente ciò che si sta utilizzando e aiuta con la manutenibilità quando si lavora con più di 1 dev su un componente

Answer 9

Per futuri utenti di ionica 3

npm install lodash --save 
npm install @types/lodash --save 

Official Doc

npm install scaricherà una copia della libreria da NPM e la salverà nella directory node_modules dell'app. --save indicherà alla CLI NPM di aggiungere una voce all'elenco delle dipendenze package.json della propria app. Adesso puoi usare la biblioteca.

Se si desidera importare tutte le funzioni da lodash quindi utilizzare

import lodash from 'lodash'; 
lodash.capitalize('myStringToCapitalize'); 

Se si desidera utilizzare la funzione specifica lodash quindi utilizzare

import { shuffle } from 'lodash'; 
shuffle(results);