创建角度库以用于任何项目

Question

我正在尝试创建一个角度版本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文件，如果将其导入，将允许您在任何环境中使用组件。

它可以使用custom elements进行工作，基本上是在浏览器中注册该组件，因此只要导入.js文件，您就可以在任何地方使用它们。

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

如果使用正确的polyfill，支持甚至是included for Internet Explorer。