在Angular2应用程序中使用类型定义

Question

我刚开始使用typescript，并且正在使用Angular 2应用程序。我需要访问一些js库，这些js库的类型定义可以从definitelytyped中获得。我使用类型安装了依赖项。但我不知道如何在我的应用组件中访问它们。

更具体地说，假设我安装了angular-toastr库：

npm install angular-toastr  --save
typings install angular-toastr  --ambient --save

这会将angular-toastr依赖项安装到/typings/main/ambient/angular-toastr/angular-toastr.d.ts

然后，我将对此的引用添加到/typings文件夹中的main.d.ts文件中。

/// <reference path="main/ambient/angular-toastr/angular-toastr.d.ts" />

在此之后，我尝试在我的组件中直接引用它，但还没有完全弄清楚如何这样做。

我还有什么遗漏的步骤吗？如何将其导入到组件中并使用所提供的方法？

谢谢

Answer 1

我也在做同样的实验，我能够添加两个类型定义文件并成功地使用它。所以让我来分享一下我所做的。

步骤1:安装全局存储步骤2:键入Install dt~lodash -- npm install typings --global --save or

使用来自https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/lodash/index.d.ts的直接路径

来安装。

安装后，我们需要将基本引用文件引用到tsconfig.json文件中。

​

​

​

​

"files": [
        "typings/index.d.ts"
    ]

现在我们可以开始使用第三方库了，

import * as $ from 'jquery';
import * as _ from "lodash";

添加到我们需要使用librabry特性的任何ts文件。

​

​

结果是，

​

​