Как использовать lodash с Ionic 2?

Question

Я только начал работать над новым проектом, используя Ionic 2. Я новичок в TypeScript и пытаюсь выяснить, как включить lodash в мой проект.

Есть ли кто-нибудь, кто это сделал, и может указать мне в правильном направлении?

Answer 1

1. Установите lodash с npm с вашего терминала:

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

2. Импорт lodash в компоненте, как это:

   import * as _ from 'lodash'; 
   

Answer 2

Для углового 2

1. Установка lodash с НПМ:

   НПМ я -S lodash

2. Импорт lodash как это:

   импорта * как _ от " lodash ';

Для углового 1.x

1. Установка пакетов с дачей:

   беседке установить --save нг-lodash

2. Включите скрипты в вашем index.html между ionic.bundle.js и app.js:

3. Добавить модуль в качестве зависимости к вашему приложению

   angular.module ('стартер', [ 'ионную' , "стартер.контроллеры", 'starter.services', 'ngLodash'])

4. впрыснуть в контроллере и начать использовать его

   .controller ('yourController', функция ($ области действия, lodash) { lodash.присваивать ({'a': 1}, {'b': 2}, {'c': 3}); });

Answer 3

На самом деле ни один из ответов выше меня что вам нужно установить определения типа lodash, если вы пытаетесь использовать lodash в своем приложении ionic 2. Для установки определений типа lodash «s для вашего проекта выполните следующие команды:

• Установите модуль узла typings как глобальные (если вы еще не сделали): sudo npm install typings --global
• Установите lodash к вашему проекту: npm install lodash --save
• Установить lodash 's определения типа: typings install lodash --save

После завершения установки lodash' определения типа s для вашего проекта вы можете импортировать lodash своего ionic2 .ts файл, как это:

import * as _ from 'lodash'; 

UPDATE: 10/02/2017 Ионная группа опубликовала документ, как использовать 3-библиотеки в проектах ионических. Пожалуйста, обратитесь сюда, чтобы увидеть пример того, как использовать lodash с последней ионной http://ionicframework.com/docs/developer-resources/third-party-libs/

Answer 4

Для меня его работы с определением типа на ионном 2 (2.0.0.beta.11)

шаги

sudo npm install typings --g 

вторых

npm install lodash --save 

и

typings install lodash --save 

Наконец использовать lodash в проект с

import * as _ from 'lodash'; 

и

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

Answer 5

Начиная с Ionic 2 RC0 вы должны сделать следующее.

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

и импортировать его как

import _ from 'lodash'; 

Answer 6

Это должно быть правильный ответ с ионными 2.1.0

Попробуйте это:

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

Может быть, это blog может помочь вам

Answer 7

Поскольку это все зависит от версии Ионные 2 вы используете, и ни один из вышеперечисленного не было 100% мое решение , но в конечном итоге добрался до нужного момента. Я хочу добавить свою версию ответа на следующую версию Ionic 2

ionic framework version: 3.5.0 
typescript: 2.3.3 

И я не имел ничего устанавливать, Lodash просто там внутри каталога node_modules/lodash.

Единственное, что я сделал в моем приложении .ts файлов:

import * as Lodash from 'lodash'; 

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

Answer 8

Следует отметить, что для каждого компонента вы можете добавить конкретный lodash тип вместо того, чтобы импортировать все lodash с тем, что было сказано Перед import * as _ from 'lodash';

Таким образом, в компоненте, если вы используете только isMatch вы можете просто добавить его в качестве

import { isMatch } from 'lodash'; 

, а затем использовать его как так

isMatch(this.foo1, this.foo2); 

Это явно говорит, что вы используете, и помогает с ремонтопригодностью при работе с более 1 разработчиком на компоненте

Answer 9

Для будущих пользователей ионического 3

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

Official Doc

npm install загрузит копию библиотеки из НПМ и сохранит ее в каталоге node_modules вашего приложения. --save сообщит CLI NPM, чтобы добавить запись в список зависимостей package.json вашего приложения. Вы можете использовать библиотеку сейчас.

Если вы хотите импортировать все функции из lodash затем использовать

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

Если вы хотите использовать определенную функцию из lodash затем использовать

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