Angular:如何使用创建和管理DOM的外部库

时间:2017-12-04 14:10:53

标签: javascript angular typescript dom

我正在创建一个有角度的> 2库,它包装了另一个用vanilla / plain javascript编写的库。

这个外部库是一个库。它操纵DOM(创建/删除/更新元素)并管理事件(点击)。

在角度组件中使用此库时,我的问题是生成的DOM不会被角度查看,并且生成的html中缺少属性_ngcontent-xxx ...并且未应用样式。

如何在角度上下文中管理这种外部库?

1 个答案:

答案 0 :(得分:0)

只需将库包含在.angular-cli.json文件中,如下所示:

//....
styles": [
                "scss/style.scss",
                "../node_modules/primeng/resources/themes/kasper/theme.css",
                "../node_modules/primeng/resources/primeng.min.css",
                "../node_modules/dragula/dist/dragula.css",
                "../node_modules/ng2-toastr/bundles/ng2-toastr.min.css"
            ],
            "scripts": [
                "../node_modules/chart.js/dist/Chart.bundle.min.js",
                "../node_modules/chart.js/dist/Chart.min.js"
            ],
//