Angular 2-如何使用外部lib

Question

我是Angular和Angular 2的新手，我想在我的项目中使用以下外部库： http://angularjs.jqueryrain.com/draw-polygons-image-angularjs-canvas/

要使用此lib，我在angular.html之前的index.html文件中放了以下行：

<script src="./lib/angular-canvas-area-draw.js"></script>

但我有以下错误：

Uncaught ReferenceError: angular is not defined
at angular-canvas-area-draw.js:3
at angular-canvas-area-draw.js:234

我该如何解决这个问题？

Answer 1

假设你的标签，你试图在Angular应用程序中使用一个AngularJs插件，它不会起作用（或者至少通过使用升级适配器和一些zonejs黑客来运行它会非常困难）。尝试找到Angular而不是AngularJs的插件。

但是，如果您的代码具有误导性，并且您使用的是AngularJs，那么确保AngularJs包含之前插件。

<script type="text/javascript" src="./lib/angular.min.js"></script>
<script src="./lib/angular-canvas-area-draw.js"></script>

Answer 2

将您的依赖项移动到.angular-cli.json文件下的此类脚本下

 "scripts": [
        ....,
        "./lib/angular-canvas-area-draw.js"
      ],

  从最新的angulae cli

你必须在angular-cli.json文件中的脚本和样式标记下添加所有外部文件（css和js）