在 angular 中使用第三方库

Question

如何在 angular 4 中使用第三方库？ 通常我使用下面的代码：

 <html> <head> <title>Bootstrap CDN Simple Example</title> <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <h1> Bootstrap CDN Simple Complete HTML Example</h1> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> </body> </html>

Answer 1

有两种方法可以实现这一目标。

你可以简单地将<script>添加到你的index.html文件中，就像你上面描述的那样，然后通过declare var google: any;访问它declare var google: any; （或您图书馆的任何名称）。

这是一个在 angular 中使用谷歌地图的例子。

或者，您可以从 npm（使用相应类型）安装库，然后像这样简单地导入它：

import * as _ from "lodash";

下面是这种方法的一个例子。

在 angular 中使用第三方库

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-10-18 08:24:03

在 angular 中使用第三方库

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-10-18 08:24:03

解决方案1
1 已采纳 2017-10-18 08:24:03