Javascript 如何使用这个角度多边形js文件作为HTML元素？

我正试图得到一个多边形绘制工具在角度工作。具体而言，这一来源：

我已将代码片段粘贴到我的custom component.html中，如下所示：

<h1>start</h1>

<div canvas-area-draw points="points"
     active="activePolygon" image-url="../../assets/picture.png"
     enabled="enabled" palette="colorArray"></div>

<h1>end</h1>

需要将

angular canvas area draw.js

放置在哪里，以便my custom component.html中的

div

可以调用它

非常感谢

'use strict';
(function(window) {
    angular.module('sd.canvas-area-draw', []);
    angular.module('sd.canvas-area-draw')
        .directive('canvasAreaDraw', function () {
            return {
                restrict: 'A',
                scope: {
                    imageUrl: '=',
                    enabled: '=',
                    palette: '=',
                    points: '=',
                    active: '='
                },
                controller: function () {

...

                    $canvas.on('mousedown', scope.mousedown);
                    $canvas.on('contextmenu', scope.rightclick);
                    $canvas.on('mouseup', scope.stopdrag);
                }
            };
        });
}(this));