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

Ответ 1

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

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

• Импортируйте lodash в свой компонент следующим образом:

  import * as _ from 'lodash';
  

Ответ 2

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

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

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

import _ from 'lodash';

Ответ 3

На самом деле ни один из приведенных выше ответов не упоминает, что вам нужно установить определения типа lodash, если вы пытаетесь использовать lodash в вашем приложении ionic 2. Чтобы установить определения типа lodash в ваш проект, выполните следующие команды:

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

Как только вы закончите установку определений типов lodash в свой проект, вы можете импортировать lodash в ваш файл ionic2.ts следующим образом:

import * as _ from 'lodash';

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

Ответ 4

Для angular 2

• Установите lodash с npm:

  npm я -S lodash

• Импортировать lodash следующим образом:

  import * as _ из 'lodash';

Для angular 1.x

• Установите пакеты с беседкой:

  bower install --save ng-lodash

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

• Добавить модуль как зависимость от вашего приложения

  angular.module( "стартер" , "ионный", "стартер" , "стартер" , "ngLodash" ))

• Внесите свой контроллер и начните использовать его

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

Ответ 5

Для меня его работа с определением типа на ионном 2 (2.0.0.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);

Ответ 6

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

Попробуйте следующее:

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

Возможно, этот блог может помочь вам

Ответ 7

Поскольку все зависит от версии Ionic 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);

Ответ 8

Для будущих пользователей Ionic 3

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

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

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

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

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

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

Ответ 9

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

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

import { isMatch } from 'lodash';

а затем используйте его так

isMatch(this.foo1, this.foo2);

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