javascript - 以角度创建一个库以用于任何项目

Question

我正在尝试在 Angular 版本 6 中创建一个应用程序，它可以生成 js 作为输出，应用程序可以直接嵌入到任何应用程序中。

例如。

<div id="entryID"/>
<script src="angularapp.js"></script>
<script>
AngularApp.App({
    inputParam1: 'param1'
    user: { id: 'userid' },
    resize: 'detect'
  }, document.getElementById("entryID"));
  </script>

这里 entryID 用于 div 初始化应用程序并适合 div

Answer 1

你应该看看Angular Elements。它是 Angular 项目的一部分，它的功能几乎是你想要的：创建一个 .js 文件，如果导入，它将允许你在任何环境中使用组件。

它使用自定义元素工作，基本上在浏览器中注册组件，因此您可以在任何地方使用它们，只要您导入 .js 文件。

请注意，生成的 .js 文件非常庞大，因为它们包含整个 Angular 库本身。

如果您使用正确的 polyfill，甚至还包括对 Internet Explorer的支持。