在 angular 中创建一个库以用于任何项目
Creating a library in angular to be used in any project
我正在尝试在 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
你应该看看 Angular Elements。
它是 Angular 项目的一部分,它的功能几乎就是您想要的:创建一个 .js 文件,如果导入该文件,您将可以在任何环境中使用组件。
它可以使用 custom elements,基本上是在浏览器中注册组件,这样您就可以在任何地方使用它们,只要您导入 .js 文件即可。
请注意,生成的 .js 文件非常庞大,因为它们包含整个 Angular 库本身。
如果您使用正确的 polyfill,支持甚至 included for Internet Explorer。
我正在尝试在 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
你应该看看 Angular Elements。 它是 Angular 项目的一部分,它的功能几乎就是您想要的:创建一个 .js 文件,如果导入该文件,您将可以在任何环境中使用组件。
它可以使用 custom elements,基本上是在浏览器中注册组件,这样您就可以在任何地方使用它们,只要您导入 .js 文件即可。
请注意,生成的 .js 文件非常庞大,因为它们包含整个 Angular 库本身。
如果您使用正确的 polyfill,支持甚至 included for Internet Explorer。