typescript - node - ¿Cómo uso lodash con Ionic 2?

update ionic angular

Question

Acabo de empezar a trabajar en un nuevo proyecto, utilizando Ionic 2. Soy nuevo en TypeScript y he estado tratando de descubrir cómo incluir lodash en mi proyecto.

¿Hay alguien por ahí que haya hecho esto y pueda orientarme en la dirección correcta?

Answer 1

Dado que todo depende de la versión de Ionic 2 que esté utilizando, y ninguna de las anteriores fue 100% mi solución, pero finalmente me llevó al punto correcto. Deseo agregar mi versión de la respuesta para la siguiente versión de Ionic 2

ionic framework version: 3.5.0
typescript: 2.3.3

Y no tuve que instalar nada, Lodash simplemente estaba allí dentro del directorio node_modules/lodash .

Lo único que hice dentro de mis archivos .ts aplicación es:

import * as Lodash from ''lodash'';

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

Answer 2

Para angular 2

1. Instala lodash con npm:

   npm i -S lodash

2. Importa lodash así:

   import * as _ from ''lodash'';

Para angular 1.x

1. Instalar paquetes con bower:

   bower install --save ng-lodash

2. Incluya scripts en su index.html entre ionic.bundle.js y app.js:

3. Agregar módulo como una dependencia a su aplicación

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

4. Inyecta en tu controlador y comienza a usarlo

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

Answer 3

A partir de Ionic 2 RC0 , debe hacer lo siguiente.

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

e importarlo como

import _ from ''lodash'';

Answer 4

Para mí, está trabajando con la definición de tipo en ionic 2 (2.0.0.beta.11)

pasos

sudo npm install typings --g

En segundo lugar

npm install lodash --save

y

typings install lodash --save

Finalmente use lodash en el proyecto con

import * as _ from ''lodash'';

y

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

Answer 5

Esta debe ser la respuesta correcta con Ionic 2.1.0

Prueba esto:

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

Quizás este blog pueda ayudarte

Answer 6

1. Instala lodash con npm desde tu terminal:

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

2. Importe lodash en su componente de esta manera:

   import * as _ from ''lodash'';

Answer 7

Cabe señalar que para cada componente puede agregar el tipo de lodash específico en lugar de importar todo lodash con lo que se ha mencionado antes de la import * as _ from ''lodash'';

Entonces, en el componente, si solo está utilizando isMatch , puede agregarlo fácilmente como

import { isMatch } from ''lodash'';

y luego úsalo como tal

isMatch(this.foo1, this.foo2);

Esto declara explícitamente lo que está utilizando y ayuda con la mantenibilidad cuando se trabaja con más de 1 dev en un componente

Answer 8

En realidad, ninguna de las respuestas anteriores menciona que debe instalar las definiciones de tipo de lodash si está tratando de usar lodash en su aplicación iónica 2. Para instalar las definiciones de tipo de lodash en su proyecto, ejecute los siguientes comandos:

• Instale el módulo de nodo de typings como global (si no lo ha hecho ya): sudo npm install typings --global
• Instala lodash en tu proyecto: npm install lodash --save
• Instalar las definiciones de tipo de typings install lodash --save : typings install lodash --save

Una vez que haya terminado de instalar las definiciones de tipo de lodash en su proyecto, puede importar lodash a su archivo ionic2 .ts de la siguiente manera:

import * as _ from ''lodash'';

ACTUALIZACIÓN: 10/02/2017 El equipo de Ionic publicó un documento sobre cómo utilizar bibliotecas de terceros en proyectos iónicos. Consulte aquí para ver un ejemplo de cómo usar lodash con la última iónica http://ionicframework.com/docs/developer-resources/third-party-libs/