将外部库导入Angular 2

时间:2017-02-04 02:29:51

标签: angular typescript leaflet typescript-typings

Angular新手2.使用Angular-CLI。我之前没有导入过外部库。到目前为止,我已经通过npm install leaflet --save安装了Leafletjs,并通过npm install @types/leaflet --save安装了。现在我只需要知道如何导入它们以便在我的组件中使用。任何帮助表示赞赏!

1 个答案:

答案 0 :(得分:0)

您可以从传单中简单导入要使用的组件。以下是使用" Map":

的示例
import { Component } from '@angular/core';
import { Map } from 'leaflet'

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    map: Map;
    title = 'app works!';

    constructor() {
        this.map....
    }
}

查看node_modules \ @types \ leaflet \ index.d.ts以查看可以导入的内容。

您还可以查看此启动器:https://github.com/haoliangyu/angular2-leaflet-starter