Question

我刚刚开始使用Ionic 2开发一个新项目。我是TypeScript的新手，并且一直试图弄清楚如何将lodash包含到我的项目中。

那里有没有人做过这件事，能指出我正确的方向吗？

Answer 1

从终端安装lodash npm：

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

在您的组件中导入lodash，如下所示：
```
import * as _ from 'lodash';
```

Answer 2

从Ionic 2 RC0开始，您必须执行以下操作。

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

并将其导入为

import _ from 'lodash';

Answer 3

对于Ionic 3的未来用户

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

Official Doc

npm install将从NPM下载该库的副本并将其保存在应用程序的node_modules目录中。 --save将告诉NPM CLI将一个条目添加到应用程序的package.json依赖项列表中。您现在可以使用该库。

如果要从lodash导入所有功能，请使用

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

如果您想使用lodash中的特定功能，请使用

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

Answer 4

实际上，如果您尝试在离子2应用中使用from django.conf.urls import include, url from django.conf.urls.i18n import i18n_patterns urlpatterns += i18n_patterns( url(r'^about/$', views.anything, name='about'), )，则上述答案均未提及您需要安装lodash的类型定义。要将lodash的类型定义安装到项目中，请运行以下命令：

将lodash节点模块安装为全局（如果尚未安装）：typings
将sudo npm install typings --global安装到您的项目中：lodash
安装npm install lodash --save的类型定义：lodash

完成向项目安装typings install lodash --save类型定义后，您可以将lodash导入您的ionic2 .ts文件，如下所示：

lodash

更新：10/02/2017 Ionic团队发布了一份文档，介绍如何在Ionic项目中使用第三方库。请参阅此处以查看如何将lodash与最新离子http://ionicframework.com/docs/developer-resources/third-party-libs/

一起使用的示例

Answer 5

对于角度2

使用npm安装lodash：

npm i -S lodash
像这样导入lodash：

从'lodash'导入* as _;

适用于角度1.x

使用bower安装包：

bower install --save ng-lodash
在index.html中包含ionic.bundle.js和app.js之间的脚本：
将模块添加为应用程序的依赖项

angular.module（'starter'，['ionic'，'starter.controllers'，'starter.services'，'ngLodash']）
注入控制器并开始使用

.controller（'yourController'，function（$ scope，lodash）{ lodash.assign（{'a'：1}，{'b'：2}，{'c'：3}）; }）;

Answer 6

对我来说，它使用离子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 7

这必须是Ionic 2.1.0的正确答案

试试这个：

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

也许这个blog可以帮到你

Answer 8

因为它全部依赖于您正在使用的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);

Answer 9

应该注意，对于每个组件，您可以添加特定的lodash类型而不是使用import * as _ from 'lodash';

之前提到的内容导入所有lodash

因此，如果您只使用isMatch，则可以轻松地将其添加为

import { isMatch } from 'lodash';

然后像这样使用它

isMatch(this.foo1, this.foo2);

这明确地声明了您正在使用的内容，并且在组件上使用超过1个dev时有助于可维护性

我如何使用lodash与Ionic 2？

9 个答案: