是否可以在现有的纯Javascript项目中添加Angular组件？

Question

我想在现有的纯Javascript库中添加/创建一个新的Angular组件，以便可以轻松地将该库集成到Angular应用中。 Angular组件本质上将是库的包装器。我们已经为此目的向库添加了一个React包装器。

鉴于Angular是框架解决方案，并且我不想彻底改变现有JS项目的结构，是否可以将Angular添加到现有JS项目中？这是如何从高层完成的？我通常在其他项目中使用Angular-cli v6。

Answer 1

Angular Elements

Angular元素是打包为自定义元素的Angular组件，自定义元素是一种以与框架无关的方式定义新HTML元素的网络标准。

Building a Custom Element Using Angular Elements

Angular Elements — A Practical Introduction To Web Components With Angular 6

浏览器对自定义元素的支持

  

Chrome 本身受支持。

     

Opera 本身受支持。

     

Safari （本地支持）。

     

Firefox 设置ListView和ListView   dom.webcomponents.enabled的首选项。计划默认在版本中启用    60/61 。

     

边缘。正在实施。