在 Angular 应用程序中使用第三方库

因此,您希望在您的ANGLING 2+项目中使用像jQuery或Lodash这样的第三方库,但不确定如何使用?以下是以Lodash为例的逐步细分:

1.安装Lodash

首先,使用NPM在项目中安装Lodash本身:

1$ npm install --save lodash

或使用Yarn:

1$ yarn add lodash

2.安装TypeScript类型定义

您可以使用以下工具搜索库的可用类型:TypeSearch.

在我们的例子中,Lodash的类型被打包为@Types/lowash,因此我们可以使用NPM安装它们:

1$ npm install --save @types/lodash

或使用Yarn:

1$ yarn add @types/lodash

3.导入

现在,可以使用如下的IMPORT语句将Lodash导入到组件中:

1import * as _ from "lodash";

请注意,我们如何从Lodash导入所有内容,并为其指定别名_,以便可以照常使用。

现在,您可以测试Lodash是否在组件类中使用类似以下内容:

1fruits = ['bananas', 'oranges', 'strawberries', 'kiwis'];

如果打开浏览器并检查控制台,您将看到_.chunk起作用了,并且控制台记录了我们的两个数组。

Published At
Categories with 技术
Tagged with
comments powered by Disqus